WordPress版微信小程序2.1.5版发布

柳芳
• 阅读 4425

WordPress版微信小程序功能已经基本完善,利用这套程序,搭配WordPress提供的rest api,WordPress网站的站长可以快速搭建属于自己的网站微信小程序 。

WordPress版微信小程序开放源码地址:https://github.com/iamxjb/win...

如果你对小程序还不了解,可以先去看看我以前写的wordpress版微信小程序的系列文章:

1.用微信小程序连接WordPress网站
2.WordPress版微信小程序1.5版本发布
3.WordPress版微信小程序2.0版本发布
4.利用WordPress REST API 开发微信小程序从入门到放弃

看完以上系列,基本就可以动手自己利用wordpress搭建微信小程序了。

WordPress版微信小程序2.1.5版发布

wordpress版微信小程序2.1.5版主界面如下图所示:
WordPress版微信小程序2.1.5版发布

距离上次升级已经过去一个多月了,利用周末的时间对一些功能进行了完善。wordpress版微信小程序2.1.5版做了一些小的改动,同时修复了一些bug。下面针对这个版本主要调整说明如下:

1.开发wordpress插件定制化输出

考虑到微信小程序需要显示的部分内容,官方的WordPress rest api 没有提供,这些定制化输出的内容包括:文章的缩略图,文章所属的目录,目录的封面图片,文章的评论数目等等,另外匿名提交评论也需要开启,原来通过在主题的function里写函数,考虑到易用性也一并放到定制化的插件里。

将上述定制化输出的内容全部放在插件里,方便启用,此插件的名称是:wp-rest-api-for-app,插件的开源及下载地址:https://github.com/iamxjb/wp-...

插件安装启用后,需要设置文章分类目录:微信小程序封面,设置方法是进入wordpress管理后台,进入菜单:文章->分类目录,在微信小程序封面输入图片的链接地址即可,如下图所示:

WordPress版微信小程序2.1.5版发布

2.增加专题和浏览记录

在以前的版本里,首页有一个侧滑菜单来显示目录分类和WordPress的页面,考虑到首页数据请求过多会导致页面显示变慢,因此在新的版本去掉了侧滑菜单,并把目录分类单独做成了一个标签栏(tabbar),这样只有首次打开专题标签栏才加载分类目录的数据。

WordPress版微信小程序2.1.5版发布

为了便于读者了解自己看过那些文章,增加了浏览记录页,保存读者浏览最新的20条文章内容。
WordPress版微信小程序2.1.5版发布

3、调整分页数据加载和性能优化

此版本去掉上拉到底的方式来记载分页数据,虽然这样做比较酷而且很流行,但上拉到底的刷新容易误操作,可能读者只是想把页面拉到最底部,这时候如果页面自动加载分页的刷新,给人感觉并不那么友好。此版本的分页加载采用底部按钮的方式,读者如果想看更多的内容,点击“加载更多”按钮即可。

考虑到文章列表加载的数据较多,同时可能远程网络的复杂性,导致数据加载过程,出现超时或获取失败的情况,在这种情况下,可以给用户一个提示,并提供下拉的方式重新加载数据。
WordPress版微信小程序2.1.5版发布

4、调整文章评论框及获取微信用户信息授权

1)文章的评论框采用浮动方式,这样比较方便用户评论文章,加强互动。在评论框的左侧加入转发按钮,方便用户转发自己喜欢的文章。

2)调整微信用户信息授权功能。原来的方式只要打开小程序就需要用户授权,现在调整为用户只会在打开文章时才会要求用户授权获取用户信息。

WordPress版微信小程序2.1.5版发布
如果用户拒绝了授权,考虑到评论文章需要获取用户的微信昵称和头像,这时会再次提示用户授权,否则将无法评论,程序提供了让用户再次授权的机会:
WordPress版微信小程序2.1.5版发布

点击确定后打开手机后台的授权,让用户再次授权。
WordPress版微信小程序2.1.5版发布

有关此版本的更多内容详见github的更新日志:https://github.com/iamxjb/win...

本文首发地址:https://www.watch-life.net/we...

点赞
收藏
评论区
推荐文章
小森森 小森森
2年前
计划助手V1.0-微信小程序(QQ小程序)-源代码分享
疫情期间在家感觉好无聊啊,于是利用空闲时间做了一个用来记录和管理小目标时间的小程序,命名为《小沙漏》。QQ版本小程序同步上线,QQ小程序叫《时间小沙漏》,欢迎大家前来体验,后期也会添加其他的新功能哦【区别】:微信小程序的代码与QQ小程序的源码是不一样的。微信小程序的源码基于微信小程序云开发,需要在有网络的情况下使用,具有同步功能,所有记录在删除小
胡哥有话说 胡哥有话说
4年前
微信小程序支付功能全流程实践
前言微信小程序为电商类小程序,提供了非常完善、优秀、安全的支付功能。在小程序内可调用微信的API完成支付功能,方便、快捷。小程序开发者在开发小程序时,支付流程是必然要接触到,今天胡哥就小程序支付的全流程为大家一一细说,让小伙伴能快速得掌握小程序支付能力,避免踩坑!知己知彼,方能百战不殆小程序支付流程图小程序支付交互流程图(https:/
梦
4年前
微信小程序modal
首先创建一个组件component,组件命名可以为modalmodal.wxml的内容为<viewclass'modalmask'wx:if'{{show}}'bindtap'clickMask'<viewclass'modalcontent'<scrollviewscrollyclass'mainc
梦
4年前
微信小程序new Date()转换时间异常问题
微信小程序苹果手机页面上显示时间异常,安卓机正常问题image(https://imghelloworld.osscnbeijing.aliyuncs.com/imgs/b691e1230e2f15efbd81fe11ef734d4f.png)错误代码vardate'2021030617:00:00'vardateT
Easter79 Easter79
3年前
Taro小程序自定义顶部导航栏
微信自带的顶部导航栏是无法支持自定义icon和增加元素的,在开发小程序的时候自带的根本满足不了需求,分享一个封装好的组件,支持自定义icon、扩展dom,适配安卓、ios、h5,全面屏。我用的是京东的Taro多端编译框架写的小程序,原生的也可以适用,用到的微信/taro的api做调整就行,实现效果如下。!在这里插入图片描述(https://i
Wesley13 Wesley13
3年前
5G消息与微信小程序互联互通?北京国都互联这么做……
最近微信小程序上线了一个超级流量的新入口URLScheme,据微信官网介绍,scheme码适用于短信、邮件、外部网页等拉起小程序的业务场景。通过小程序页面的URLScheme,可以在短信、邮件或微信外部的网页中打开微信小程序。意义在于将微信流量生态延伸到微信以外渠道,进一步完善了小程序和外部渠道互通的营销场景。北京国都互联第一时
Wesley13 Wesley13
3年前
10分钟上线
_摘要:_ 阿里云函数计算是一个事件驱动的全托管计算服务。通过函数计算,您无需管理服务器等基础设施,只需编写代码并上传。微信小程序是一种不需要下载安装即可使用的应用,它可以在微信内被便捷地获取和传播。当微信小程序遇见serverless,他们会产生奇妙火花,利用函数计算可以快速搭建微信小程序的serverle.点此查看原文:http://clic
Wesley13 Wesley13
3年前
5个最优秀的微信小程序UI组件库
开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果。自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库。还没用到它们的你,可以关注和了解一下哦!WeUIWXSSWeUIWXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。