一分钟对接微信小程序 WordPress对接微信小程序

微信小程序对接方案

一、注册微信小程序

1、首先登陆微信公众平台注册账号
https://mp.weixin.qq.com/

这里需要特别留意的是每一个邮箱都只能申请一个微信小程序/公众号,建议在个人QQ邮箱的基础上挂3个邮箱。一般一个QQ号至少可以有3种不同的名称,包括QQ号@qq.com, 英文名@qq.com, 英文名@foxmail.com。3个邮箱都指向同一个QQ邮箱,收邮件和管理起来也方便。

2、然后在微信小程序开发平台下载开发工具,具体链接如下
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

3、接着是后台配置微信小程序的域名
登录微信公众平台后,进入设置-开发设置-服务器域名

request合法域名必须配置,且这个域名是必须备案的。比较了一下腾讯云和阿里云的备案流程,备案的方式建议采用阿里云服务器加上阿里云的备案服务一步搞定,手续较为简单。后续也会专门写一篇阿里云备案的流程供参考。

“业务域名”主要用于web-view内嵌网页时,用作域名白名单

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

二、Wordpress版微信小程序
1、下载地址:
https://github.com/iamxjb/winxin-app-watch-life.net

备用地址:https://gitee.com/iamxjb/winxin-app-watch-life.net

2、微信小程序项目创建:
(1)打开安装好的微信小程序开发工具,登录管理员账号之后,点击左上角“项目-新建项目-小程序项目”,点击“项目目录”选择解压后的Wordpress版微信小程序的文件夹,填写好AppID(小程序ID),给项目起个名字,点击“确定”就完成了。

微信小程序项目创建

(2)打开 utils/config.js 文件,配置好以下参数:

其中:

①如果wordpress没有安装在网站根目录请加上目录路径,例如:"www.chaoyongseo.com/blog"

②DOMAIN就是wordpress所在服务器的域名

③MINAPPTYPE是指小程序的类型,如果是企业小程序请填:0 ,如果是个人小程序请填:1

④WEBSITENAME是网站名称,填写自己网站的名称,如:

⑤ABOUTID是wordpress的“页面”的id,到wordpress网站后台-页面获取页面ID值

⑥TEMPPLATEID是模版消息的id ,是发送模版消息的必须使用的id,有关模版消息参看文档:

发送模版消息,需要在微信小程序的后台配置模版消息,方法如下:

展开

⑦ZANIMAGEURL是微信赞赏的图片链接,用于个人小程序的赞赏,填写图片绝对地址。

结果如下:

//配置域名,域名只修改此处。
//如果wordpress没有安装在网站根目录请加上目录路径,例如:"www.watch-life.net/blog"
var DOMAIN = "www.chaoyongseo.com";
var MINAPPTYPE="1";//小程序的类型,如果是企业小程序请填:0 ,如果是个人小程序请填:1
var WEBSITENAME=""; //网站名称
var ABOUTID = 735; //wordpress网站"页面"的id,注意这个"页面"是wordpress的"页面",不是"文章"
var PAGECOUNT='10'; //每页文章数目
var CATEGORIESID='all' //显示全部的分类
//var CATEGORIESID = '1,1059,98,416,189,374,6,463';//指定显示的分类的id
var PAYTEMPPLATEID = 'URUYhaeIqPknqKmhTmXfhe8cZilr1pjSAzBqYO0Vobs';//赞赏消息模版id
var REPLAYTEMPPLATEID = 'bUGX4Ll2S6gfpOycHki8yG6h-C4_Oi0tTJ8aKwiZjz0';//回复评论消息模版id
var ZANIMAGEURL = 'https://www.chaoyongseo.com/zanshang.jpg';//微信赞赏的图片链接,用于个人小程序的赞赏
三、wordpress网站设置
1、安装插件:wp-rest-api-for-app
插件下载地址:https://github.com/iamxjb/wp-rest-api-for-app

2、微信小程序设置
打开wordpress后台,点击“设置-微信小程序设置”,填写好 AppID、AppSecret、小程序首页滑动文章ID、海报图片默认地址 。

3、专题分类图片设置
打开wordpress后台,点击文章-分类目录,点击编辑,填写图片地址

4、wordpress固定链接
wordpress固定链接不能设置为【朴素】类型。

发表评论

电子邮件地址不会被公开。 必填项已用*标注