2020年09月08日/ 浏览 79
各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。
开发小程序,先申请小程序账号,https://mp.weixin.qq.com ,点击注册,选择小程序,按要求填写信息,注册成功以后,设置里可以看到小程序AppID(小程序ID)。
安装开发环境:
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html ,下载对应版本,安装完成。
实现WP与小程序数据打通需要安装插件,推荐WordPress REST API 小程序插件
免费开源 Mini Program API 插件后台截图
https://github.com/dchijack/wp-mini-program
下载 WordPress 插件安装之前需要注意几个点:
如果 WordPress 版本大于 4.9.8(目前插件支持到 5.2.2 版本,并且支持古腾堡编辑器),同时,网站也支持 REST API 。那么基本上可以正常使用。
安装插件后的界面
WordPress安装完插件之后就需要对接的小程序前端的源码,也就是让大家看到的小程序界面。
目前小程序平台非常多,有微信小程序,头条小程序 ,百度小程序,支付宝小程序,QQ小程序等等。
每家的小程序平台开发大概相似,只需要少量的修改就可以使用。
源码下载之后,利用微信小程序开发工具加载这个项目,就可以进行下一步的修改和编辑了。
下载获取前面提供的源码包
解压压缩包后, 打开weTravel
文件夹 utils
目录下的 base.js
修改 base.js
里的 const API_HOST = '你的域名'
// 注意,域名需要填写协议,比如 https://www.a1xt.com/
登录微信公众号小程序后台 – 开发 – 服务器配置 ,把你的域名加入 request
域名
登录网站后台, 在仪表盘下方的小程序设置里,填写上对应的 AppID 和 AppScret
然后使用微信开发者工具导入 weTravel
目录进行开发调试
关于Wordpress小程序源码分享流程就这么多,如有兴趣可以深入的研究一下。
[hide]
插件:https://github.com/dchijack/wp-mini-program/releases
小程序前端源码:https://huanyin.lanzous.com/itLRagatt9i 码:dn8e
[/hide]