当前位置:
首页 > 小哲日记 > [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对接微信小程序全记录

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

打赏作者
如果喜欢小哲发布的内容,打赏犒劳下呗,不用很多,但你的鼓励将是我继续前进的动力!

您的支持将鼓励小哲继续努力!

[微信] 扫描二维码打赏

[支付宝] 扫描二维码打赏

luozhe99

IT从业人员,科技控,烧脑剧迷。 ——如果过去还值得眷恋,别太快冰释前嫌。

网友评论4

  1. 受教了!!! :roll:

    2018-10-31 下午3:05 [回复]
  2. 阿哲!非常好的文章了~给力!谢谢楼主分享!

    2017-06-10 上午11:49 [回复]
  3. 沙发
    wpuser:

    阿哲,请问这个滑动解锁插件是什么插件啊,叫什么名字?谢谢!

    2017-06-01 下午5:05 [回复]

发表评论

表情
还能输入210个字