沫延说
沫延说
零基础上线WordPress小程序
零基础上线WordPress小程序

前    言

零基础建立于完全按照我的描述来配置的情况,若对代码有修改或者配置不同,有可能造成Bug

 

需    求

已经搭建好的WordPress,至少4.7以上版本(版本非必要条件)

域名通过中国工信部备案(必要条件)

域名已获得HTTPS安全证书并于服务器中配置完成且达到全站Https要求

 

小程序后台配置

注册一个小程序账号(企业个人均可,企业版将拥有更大的权限)

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

https://oss.morton.li/uploads/2018/08/h法域名.jpg?x-oss-process=image/resize,m_fill,w_1024,h_375

 

其中request合法域名必须配置,这个参数保证了小程序可以正常发送request请求,程序才能运行起来。

企业账号则还有一栏“业务域名”,主要用于web-view内嵌网页时,用作域名白名单,若未添加至业务域名,在web-view内嵌里访问网页时,就会报无法访问的错误。

因本站使用阿里云文件存储功能来调用文件、图片等数据,所以还需要单独加入Oss的地址,若无需求则不需要添加OSS域名。

 

WordPress后台配置

安装插件wp-rest-api-for-app(插件符合官方api二次开发的规范)并启用

 

插件的下载地址:

配置插件参数

第一个参数:

wordpress后台 => 设置 =>微信小程序设置

在这个配置界面配置AppID,AppSecret,小程序首页滑动文章ID,  前面两个参数在微信小程序的后台可以查到。“小程序首页滑动文章ID”这个参数是为了显示首页滑动轮播的文章。

 

https://oss.morton.li/uploads/2018/08/x小程序设置.jpg-Watermark

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

https://www.watch-life.net/images/2017/11/postid.png

第二个参数:

wordpress后台 => 分类目录 =>选择一个分类进行编辑

https://www.watch-life.net/images/2017/11/catagory.png

这里设置后,在小程序里“专题”页就会看到封面图片了。

配置并上传微信小程序

下载的地址:

有关在微信小程序的开发工具新建项目、导入程序不再赘述。

微信小程序项目创建完成后,通过如图所示路径打开config.js文件,并进行配置:

https://oss.morton.li/uploads/2018/08/p配置文件.jpg-Watermark

 

var DOMAIN = "morton.li";//配置域名
var WEBSITENAME="沫延说"; //网站名称
var ABOUTID= 123; //小程序中关于页面的id
var TEMPPLATEID = 'hzKpxuPF2rw7O-qTElkeoE0lMwr0O4t9PJkLyt6v8rk';//模版消息id,有关模版消息参看小程序相关文档

配置企业版小程序赞赏功能:

如果你的小程序使用的是企业认证并开通了微信支付,则可使用原生的微信赞赏功能。

https://www.watch-life.net/images/2017/11/praise.png

微信支付服务端程序下载地址:

//因工作原因更新较慢,逐渐补充完善中…
转载自:守望轩

感谢您阅读零基础上线WordPress小程序

及时获取更多文章,欢迎关注“Topstalk”微信订阅号

Thank you for reading the 零基础上线WordPress小程序

Get more articles in time,Welcome to follow the "Topstalk" WeChat subscription account

Morton.L

文章作者

发表评论

textsms
account_circle
email

沫延说

零基础上线WordPress小程序
前    言 零基础建立于完全按照我的描述来配置的情况,若对代码有修改或者配置不同,有可能造成Bug   需    求 已经搭建好的WordPress,至少4.7以上版本(版本非必要条件) 域名通…
扫描二维码继续阅读
2018-08-22