WordPress版微信小程序3.5版发布(如何使用WordPress程序打造一个微信小程序？)

WordPress版微信小程序3.5版发布

最近花时间对WordPress版微信小程序做了一些完善和调整，修复不少程序的问题。一个程序的完善是持续和渐进的，没有最好，只有更完善。虽然会采纳一些用户的建议和意见，但我会从一个产品角度去考虑，哪些功能应该加，哪些需要舍弃，如果你需要更专业的解决方案，可以参考我的专业版小程序-微慕小程序.

WordPress版微信小程序3.5版本的更新内容说明如下：

1.调整小程序海报

小程序原来的海报程序存在以下的问题：

1）图片没有裁剪，导致海报的图片发生变形。

2）海报的文字调整起来比较麻烦。

为了解决上述问题，我采用一个开源的小程序组件：wxa-plugin-canvas

可以比较好的解决这两个问题，同时为了增加海报的转发量，把转发者的头像也放到海报里，增强互动性。新生成的海报样式如下：

更新海报程序需要注意以下问题：

1）downloadfile域名设置

需要在小程序的后台设置downloadfile域名，域名需要包括以下三个域名：

A) wx.qlogo.cn ：用于显示转发者的头像

B)首图地址的域名 ：用首图作为转发的图片，必须设置首图的地址的域名。

C)特色图片地址的域名：用特色图片作为转发的图片，必须设置特色图片的地址的域名。

如果上述域名设置错误或没有设置，将会导致生成海报失败。

如果需要修改海报里的文字、图片样式、布局等，请看detail.js里的creatArticlePoster方法

2.完善用户信息

用户信息的完善主要是两个部分：

1) 在wordpress的后台增加微信用户的头像，使用微信用户的昵称作为wordpress用户的昵称和显示名，让网站的管理者更方便管理用户。

2) 在小程序端的“我的”页面的调整。在“我的”页面增加了用户的角色，显示当前用户在wordpress网站里的角色；增加了更新用户信息和退出登录的功能。

更新用户信息：如果用户更新了微信里的昵称或头像等，可以使用这个功能更新用户信息。

退出登录：如果用户想退出当前小程序的登录，可以点击退出。

特别提示：如果发生登录失败的情况，也可以通过退出登录的功能清除缓存，再次登录。

3.增加评论审核

在以前的版本里，在小程序里对文章进行评论后，会直接显示的评论的内容，不需要经过站长审核。在这个版本里，增加了对评论是否审核的选项。开启后，所有的小程序端的评论都必须经过审核后才会显示（在网站端也不会显示）。这个选项在插件REST API TO MiniProgram里设置，如下图所示：

4.调整支付代码

在插件里的支付代码是在的微信官方提供的微信支付示例代码基础上修改的，而这个代码不少的具有支付功能的插件也用了，因为使用了同一套代码，可能会导致支付的失败或者插件的冲突，为了解决这个问题，我调整了微信支付代码的类名规则，避免插件的冲突。

5.功能完善

1)修复获取文章是否点赞的bug.

2)评论的数量过滤掉未通过审核的评论.

3)排行数据里过滤非文章类的内容。

4)增加sitemap.json，支持微信优先收录。

5)修复腾讯视频过多导致的加载失败的问题。

wordpress版小程序及配套wordpress插件下载

小程序下载地址：版本3.5

https://github.com/iamxjb/winxin-app-watch-life.net

如果因为某些原因github无法访问，可以选择以下镜像地址：

1.https://git.oschina.net/iamxjb/winxin-app-watch-life.net

2.https://code.aliyun.com/iamxjb/winxin-app-watch-life.net

3.https://coding.net/u/xjb/p/winxin-app-watch-life.net

4.https://gitlab.com/xiajianbo/winxin-app-watch-life.net

插件下载地址：版本1.5

插件的更新支持wordpress后台直接更新

WordPress官方下载地址：https://wordpress.org/plugins/rest-api-to-miniprogram/

github站下载地址：https://github.com/iamxjb/rest-api-to-miniprogram

有关开源版，你有什么好的建议，欢迎告诉我，我们一起来完善这个开源项目。

如果本程序对你有所帮助，请不吝在github上Star。

谢谢你阅读这篇文章，谢谢你对我的支持。

如何使用WordPress程序打造一个微信小程序？

如何使用WordPress程序打造一个微信小程序？需要注意的是WordPress的版本至少4.7以上版本，并且需要设置固定链接和伪静态。

一、准备工作

1、你的WordPress博客必须全站开启https访问；（可参考此文：LNMP环境（nginx）安装SSL安全证书，全站开启HTTPS访问）

2、网站必须备案，不然腾讯不让接入；

3、在微信公众平台申请小程序（个人即可），申请微信小程序步骤省略；

4、安装REST API TO MiniProgram插件，在你的博客后台搜索安装即可；

5、下载WordPress微信小程序前端源码；

6、下载安装微信web开发者工具；

二、配置微信小程序的服务器域名和业务域名

进入微信小程序公众平台的后台里，选择“开发”=>“开发设置”，对“服务器域名”和“业务域名”进行配置，将网站地址加入，如下图：

“业务域名”主要用于web-view内嵌网页时，如果不是业务域名里的域名，在web-view内嵌里无法访问。

注意：个人小程序是没有“业务域名”这个配置的。

三、启用REST API TO MiniProgram并配置

进入WordPress后台，启用REST API TO MiniProgram插件，点击微信小程序设置，在这个配置界面配置AppID，AppSecret，小程序首页滑动文章ID, 前面两个参数在微信小程序的后台可以找到。其他设置，请自行摸索，找不到的请留言，我会一一答复。

四、上传WordPress微信小程序前端

下载WordPress微信小程序前端源码，先在微信小程序的开发工具导入刚下载的源码，然后打开config.js文件，按照注释修改。

修改完成后，测试如果没有问题就可以上传腾讯审核了，审核通过后发布即可！