WordPress的版本至少4.7以上版本,并且需要设置固定链接和伪静态,切记!
准备工作
1、你的WordPress博客必须全站开启https访问;(可参考此文:LNMP环境(nginx)安装SSL安全证书,全站开启HTTPS访问)
2、网站必须备案,不然腾讯不让接入;
3、在微信公众平台申请小程序(个人即可),申请微信小程序步骤省略;
4、安装REST API TO MiniProgram插件,在你的博客后台搜索安装即可;
5、下载WordPress微信小程序前端源码:
点击下载wordpress微信小程序前端源码
6、下载安装微信web开发者工具:
点击下载微信web开发者工具
配置微信小程序的服务器域名和业务域名
进入微信小程序公众平台的后台里,选择“开发” → “开发管理”,对“服务器域名”和“业务域名”进行配置,将网站地址加入,如下图:
“业务域名”主要用于web-view内嵌网页时,如果不是业务域名里的域名,在web-view内嵌里无法访问。
注意:个人小程序是没有“业务域名”这个配置的。
启用REST API TO MiniProgram并配置
进入WordPress后台,启用REST API TO MiniProgram插件,点击微信小程序设置,在这个配置界面配置AppID,AppSecret,小程序首页滑动文章ID, 前面两个参数在微信小程序的后台可以找到。其他设置,请自行摸索。
上传WordPress微信小程序前端
下载WordPress微信小程序前端源码,先在微信小程序的开发工具导入刚下载的源码,然后打开config.js文件,按照注释修改。
修改完成后,测试如果没有问题就可以上传腾讯审核了,审核通过后发布即可。
参与讨论