如何基于WordPress打造一个小程序?(WordPress小程序)

如何基于WordPress打造一个小程序?(WordPress小程序)_第1张图片

基于WordPress博客也可以做一个微信小程序,如何操作?

需要注意的是WordPress的版本至少4.7以上版本,并且需要设置固定链接和伪静态,切记!

比如,我的网站固定链接如下图所示:

如何基于WordPress打造一个小程序?(WordPress小程序)_第2张图片

一、准备工作

你的WordPress博客必须全站开启https访问;(可参考此文:LNMP环境(nginx)安装SSL安全证书,全站开启HTTPS访问)

网站必须备案,不然腾讯不让接入;

在微信公众平台申请小程序(个人即可),申请微信小程序步骤省略;

安装REST API TO MiniProgram插件,在你的博客后台搜索安装即可;

下载WordPress微信小程序前端源码;

下载安装微信web开发者工具。

先放一个本站的微信小程序预览一下!!!

如何基于WordPress打造一个小程序?(WordPress小程序)_第3张图片

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

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

如何基于WordPress打造一个小程序?(WordPress小程序)_第4张图片

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

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

三、启用REST API TO MiniProgram并配置

进入WordPress后台,启用REST API TO MiniProgram插件,点击微信小程序设置,在这个配置界面配置AppID,AppSecret,小程序首页滑动文章ID, 前面两个参数在微信小程序的后台可以找到。

其他设置,请自行摸索,找不到的请留言,我会一一答复。

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

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

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

你可能感兴趣的:(如何基于WordPress打造一个小程序?(WordPress小程序))