基于WordPress的微信小程序

最近微信小程序实在火爆,这可能就是2018年的一个风口,站点采用的是wordpress构建,这个世界最强大的开源系统怎么能少的了微信小程序呢。在网上看到已经有大神应用上了,今天借鉴他们的经验也搭建了一个。这里记录下搭建过程备忘。

WordPress一定使用4.7以上版本,因为需要使用rest json api ,这个版本以上的已经包含,无需再借助插件。

这里说明一下,在WordPress的插件库里,有个json api 的插件,和官方的rest json api是不一样的,无法使用在本小程序里。

当然,如果你熟悉json api 可以修改本小程序去对接json api的接口也是可以的。WordPress4.7级以上的版本无需再安装rest json api插件。

rest json api 需要在wordpress设置固定链接和伪静态才可以正常使用。

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

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

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

“业务域名”主要用于web-view内嵌网页时,用作域名白名单,如果不是业务域名里的域名,在web-view内嵌里访问网页时,就会报无法访问的错误。

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

配置HTTPS

如果你的网站支持HTTS就可以忽略这步,由于小程序的request等请求是需要HTTPS的,因此需要网站支持HTTPS。

注意:一定要保证https和http两种方式都能正常访问网站,才能改这个配置,否则可能导致网站无法访问。

安装WordPress插件:wp-rest-api-for-app密码:

此处为隐藏的内容!
发表评论并刷新,才能查看

注意:从github下载的插件包,文件夹变成了wp-rest-api-for-app-master,在安装插件的时候,插件目录的名称要改成:wp-rest-api-for-app

插件安装启用后,需要在后台配置一些参数:

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

在这个配置界面配置AppID,AppSecret,小程序首页滑动文章ID,  前面两个参数在微信小程序的后台可以查到,这里就不赘述。“小程序首页滑动文章ID”这个参数是为了显示首页滑动轮播的文章。这里的设计我偷了懒,良好的设计应该弹出一个选择框,让用户来选择文章,而不是给个输入框输入id。

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

下方会有一个微信小程序封面输入图片地址即可.

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

安装Wordpress版微信小程序

有关在微信小程序的开发工具新建项目,导入程序,我就不赘述了,可以去搜索微信小程序的官方文档,有详细的介绍。

微信小程序项目创建好了后,打开config.js文件,config.js文件

var DOMAIN = "wophost.cn";//配置域名,域名只修改此处
var WEBSITENAME="讯飞博客"; //网站名称
var ABOUTID= 1136; //wordpress网站关于页面的id
var TEMPPLATEID = 'hzKpxuPF2rw7O-q33333rk';//模版消息id
配置好以上参数,可以让小程序正常运行。其中:
DOMAIN就是wordpress所在服务器的域名;
ABOUTID是wordpress的“页面”的id,这个页面id的获取和上面说的文章id类似。
TEMPPLATEID是模版消息的id ,是发送模版消息的必须使用的id,有关模版消息参看文档:
此处为隐藏的内容!
发表评论并刷新,才能查看

天猫618主会场
whoine
广告也精彩

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  2   博主  0

    • avatar hongwei 0

      看看怎么样?

      • avatar ssss 0

        shiyongkkk使用看看