当前位置:
首页 > 关于本站 > [2017.05.03]WordPress对接微信小程序全记录

[2017.05.03]WordPress对接微信小程序全记录

微信推迟小程序已经很久时间了,小哲我也想尝尝鲜,打算自己开始制作自己的小程序。在这里我把自己的操作流程记录下来。

首先,注册微信小程序号,和注册公众号一样的方法进行注册,在小哲注册完成的第三天,居然支持现有微信公众号开通小程序功能了,那么就是说无需单独注册小程序号了,用现有的微信公众号开通就行了。如图:
[2017.05.03]WordPress对接微信小程序全记录

开通以后可以进行小程序的相关操作:
[2017.05.03]WordPress对接微信小程序全记录

然后可以下载微信小程序的开发工具了:
[2017.05.03]WordPress对接微信小程序全记录

在继续添加你的项目:

[2017.05.03]WordPress对接微信小程序全记录

填写好以后添加小程序进行开发:

[2017.05.03]WordPress对接微信小程序全记录

好了,重点来了,WordPress需要安装一个JSON API的插件,这样就能获取数据到微信小程序。
[2017.05.03]WordPress对接微信小程序全记录

在调试的过程中,发现如果在微信小程序的基础信息里不选上“开发环境不效验请求域名以及TLS版本”选项,数据还是无法正常调用。
[2017.05.03]WordPress对接微信小程序全记录

查看到配置信息后发现,对接自己的网站是需要HTTPS协议的:
[2017.05.03]WordPress对接微信小程序全记录

那只好启动HTTPS的操作了,小哲使用的是阿里云的云虚拟主机,所以先登录阿里云的管理控制台,找到【安全(云盾)】--【证书服务】进行申请证书,我申请的是免费一年的那种。
[2017.05.03]WordPress对接微信小程序全记录

做好相关设置以后,找到【CDN】里去把服务器设置下,然后再把域名重新解析到CDN提供的域名上,最终完成WordPress网站的协议更换。
[2017.05.03]WordPress对接微信小程序全记录

这里出现了一个问题,网站由于本身使用了大量的绝对路径http的,所以网站全乱套了,小哲也找过办法去快速更换全站协议,但最后想到的最好的办法是保留原域名的http协议,让不带www的一级域名升级到https协议,这样不影响原有访问,在微信内容对接域名时使用不带www的即可。

全部设置好以后,微信小程序总算是对接上了,小哲开始制作微信小程序码的宣传图片,同时等待代码上传后的审核,但25个小时以后,小哲等到了如下通知:
[2017.05.03]WordPress对接微信小程序全记录

至此,小哲功亏一篑,所以,一定要企业认证后的微信公众号才能玩。所以现在小哲正在探索开发其他内容进行小程序的提交。

分享生活点滴,内容问题可与我联系。 斜杆青年:资深产品经理/网站工程师/科技爱好者/新媒体运营/自媒体写作人