最近微信小程序已向个人开放,再百度上搜了搜,发现使用wordpress做小程序后台的有好几个博友,本站也跟随潮流上线了微信小程序,以下是本站的小程序,使用微信扫一扫即可体验:
本站所使用小程序是守望轩所提供的开源程序,在基础上做了些修改,以下是小程序的一些基本设置:
注册小程序
[scbutton link=”https://mp.weixin.qq.com/wxopen/waregister?action=step1″ target=”blank” variation=”red”]点击注册[/scbutton]
按照表格内容填写,直至完成注册即可
基本设置
第一步是配置微信小程序的基本信息,按照提示修改,一些项目每月限制修改次数,请稍加注意!提示:小程序名称发布前可修改三次,已发布小程序,不支持改名。
开发设置
小程序的后台左侧设置-开发设置 获取APPID(小程序ID);
下方服务器域名填入你自己作为小程序后台的网站域名,必须是支持SSL协议的,即HTTPS开头的网站(SSL证书申请请看页末,大部分虚拟机暂不支持SSL);
小程序开发
以下是守望轩给出的代码片段:
一、获取文章(posts)的列表
1. rest api链接:https:/域名/wp-json/wp/v2/posts?per_page=**&page=** ,per_page参数表示每页的记录条数,page参数表示第几页。
2.获取文章列表的主要代码:
考虑显示文章列表时,不是完整显示文章内容,只是显示摘要,于是获取了文章内容的一部分内容作为摘要,同时,考虑到文章中有html的代码,因此去掉了文章中有关html的代码,这样显示起来就比较干净整洁。
3.前端(wxml文件)显示文章列表的主要代码:
以上代码主要实现对文章标题和摘要的显示。
二、获取文章(posts)的内容
1.rest api链接:https://域名/wp-json/wp/v2/posts/id,id表示的是文章的id
2.获取文章内容的主要代码:
由于文章内包含大量的html标签,在微信小程序里是无法显示的,因此采用了一个把html解析为wxml的第三方程序:wxParse,上图中用红框标识的代码就是采用该程序的调用方法。
3.前端(wxml文件)显示文章内容的主要代码:
二、获取页面(pages)的分类
1.rest api链接:https:/域名/wp-json/wp/v2/pages
2.获取页面分类的代码可以参考获取文章列表的程序。
二、获取页面(pages)的内容
1.rest api链接:https://域名/wp-json/wp/v2/pages/id,id表示的是页面的id
2.获取页面内容的代码可以参考获取文章内容的程序。
至此一个简单的小程序链接wordpress网站的程序开发完毕。最后就是提交小程序并审核。审核通过后,就可以发布了。小程序发布后,可以把个人的公众号关联小程序,关联后就可以在公众号资料页里看到小程序。
[infobox]提示:微信小程序类目建议选择:教育信息服务,wordpress网站需要安装:WP REST API插件[/infobox]
SSL证书:[scbutton link=”https://www.logver.com/1333.html” target=”blank” variation=”red”]申请[/scbutton]
开源程序:[scbutton link=”https://github.com/iamxjb/winxin-app-watch-life.net” target=”blank” variation=”blue”]进入[/scbutton]
作者博客:[scbutton link=”https://www.watch-life.net” target=”blank” variation=”green”]访问[/scbutton]
最后感谢守望轩的提供,文章代码摘至守望轩
支持