鹿白运维 - 无畏者的分享平台
主页 » WordPress » 正文

WordPress小程序源码下载分享

/ in WordPress

各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpress与小程序的开发与对接。

需要哪些准备

开发小程序,先申请小程序账号,https://mp.weixin.qq.com ,点击注册,选择小程序,按要求填写信息,注册成功以后,设置里可以看到小程序AppID(小程序ID)。

需要哪些工具

安装开发环境:
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html ,下载对应版本,安装完成。

WP小程序源码插件

实现WP与小程序数据打通需要安装插件,推荐WordPress REST API 小程序插件

免费开源 Mini Program API 插件后台截图

插件下载地址:

https://github.com/dchijack/wp-mini-program

下载 WordPress 插件安装之前需要注意几个点:

  1. WordPress 版本,目前插件支持最低版本是 4.9.8, 即网站的 WordPress 程序版本不得低于 4.9.8,否则部分功能会无法正常使用
  2. WordPress 网站主题或者其他插件不能禁用 REST API 功能。如何验证网站是否禁止了 REST API 功能,只需要通过网站域名加上 /wp-json/ 访问检查是否正常。这里需要注意一点,在检查是否正常之前,需要设置固定链接形式,除朴素外的任意一种。大多数情况下,如果没有安装 JSONView 插件的话,看到的将会是乱码一样的代码,正常情况下,这种情况属于正常,只是需要注意的是,代码头部是否有报错信息。如果没有的话,那基本上是正常可用的。

如果 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小程序源码分享流程就这么多,如有兴趣可以深入的研究一下。

隐藏内容「评论」后可见,请勿回复无意义内容!

猜你喜欢
评论 (0)
隐私评论
搜索