前 言
零基础建立于完全按照我的描述来配置的情况,若对代码有修改或者配置不同,有可能造成Bug
需 求
已经搭建好的WordPress,至少4.7以上版本(版本非必要条件)
域名通过中国工信部备案(必要条件)
域名已获得HTTPS安全证书并于服务器中配置完成且达到全站Https要求
小程序后台配置
注册一个小程序账号(企业个人均可,企业版将拥有更大的权限)
在微信小程序公众平台的后台里,选择“设置”=>“开发设置”,对“服务器域名”和“业务域名”进行配置,如下图:

其中request合法域名
必须配置,这个参数保证了小程序可以正常发送request
请求,程序才能运行起来。
企业账号则还有一栏“业务域名”,主要用于web-view内嵌网页时,用作域名白名单,若未添加至业务域名,在web-view内嵌里访问网页时,就会报无法访问的错误。
因本站使用阿里云文件存储功能来调用文件、图片等数据,所以还需要单独加入Oss的地址,若无需求则不需要添加OSS域名。
WordPress后台配置
安装插件wp-rest-api-for-app(插件符合官方api二次开发的规范)并启用
插件的下载地址:
配置插件参数
第一个参数:
wordpress后台 => 设置 =>微信小程序设置
在这个配置界面配置AppID
,AppSecret
,小程序首页滑动文章ID,
前面两个参数在微信小程序的后台可以查到。“小程序首页滑动文章ID
”这个参数是为了显示首页滑动轮播的文章。

文章id如何在wordpress后台找到:

第二个参数:
wordpress后台 => 分类目录 =>选择一个分类进行编辑

这里设置后,在小程序里“专题”页就会看到封面图片了。
配置并上传微信小程序
下载的地址:
有关在微信小程序的开发工具新建项目、导入程序不再赘述。
微信小程序项目创建完成后,通过如图所示路径打开config.js文件,并进行配置:

var DOMAIN = "morton.li";
//配置域名var WEBSITENAME="沫延说";
//网站名称var ABOUTID= 123;
//小程序中关于页面的idvar TEMPPLATEID = 'hzKpxuPF2rw7O-qTElkeoE0lMwr0O4t9PJkLyt6v8rk';
//模版消息id,有关模版消息参看小程序相关文档配置企业版小程序赞赏功能:
如果你的小程序使用的是企业认证并开通了微信支付,则可使用原生的微信赞赏功能。

微信支付服务端程序下载地址:
发表回复