基于WordPress的微信小程序

最近微信小程序实在火爆,这可能就是2018年的一个风口,站点采用的是wordpress构建,这个世界最强大的开源系统怎么能少的了微信小程序呢。在网上看到已经有大神应用上了,今天借鉴他们的经验也搭建了一个。这里记录下搭建过程备忘。基于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密码:[reply]ahsr[/reply]

注意:从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,有关模版消息参看文档:
[reply]密码:74m5[/reply]

给TA打赏
共{{data.count}}人
人已打赏
酷玩

5款扩展使你的浏览器无所不能

2018-1-15 23:30:05

酷玩

8款值得收藏的微信小程序

2018-2-3 20:45:44


免责声明
本站分享的软件、教程和内容信息仅限于学习和研究目的;请勿作他用,否则请自负后果。本站除原创外的资源均来自网络,其版权归属原作者。如有侵权请通过邮件或右侧私信列表联系,我们将立即处理。谢谢!
12 条回复 A文章作者 M管理员
  1. 看看怎么样?

  2. shiyongkkk使用看看

  3. 试一下

  4. 有最新版吗?

    • 没有,我都没玩了,现在小程序没意思,企鹅想封就封。没劲

  5. ssss试试

  6. 看看如何

  7. 能不能下载测试欸

  8. 试试。。。

  9. 看看还能用吗

  10. 评论大神作品

  11. 很不错的内容

购物车
优惠劵
今日签到
有新私信 私信列表
搜索