开源wordpress小程序源码免费分享

wordpress程序的站长们，如果你们想搭建一个wordpress网站微信小程序，下面大兵给大家分享一下wordpress网站如何免费搭建微信小程序，并且实现数据与网站同步展现，下面来一起来看看。
下面直接来看看，现在效果虽然并不是太理想，不过会一直进行更新，想看效果扫描下方微信小程序二维码观看。

前期要做的准备

1、前期先要申请小程序帐号（https://mp.weixin.qq.com），选择微信小程序点击注册，按照注册要求填写相关信息，注册成功以后，就可以得到微信小程序的AppID(小程序ID)。如下图所示：

需要的开发工具

1、下载对应版本的微信小程序开发工具，接着安装微信小程序开发环境，https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html。

2、微信小程序开发工具安装完成，导入微信小程序源码，点击“预览”效果如下图所示：

wordpress程序后台插件

这个插件主要的作用是实现网站数据与小程序数据互通，推荐使用“Mini Program API”小程序插件。
此插件使用截图如下：

注意，需要在“Mini Program API”小程序插件中填写微信小程序的AppId和AppSecret信息，否则网站数据与小程序数据就互通不了。
微信小程序的AppId和AppSecret信息，在小程序管理后台的开发>开发工具>开发设置中查找，如下图所示：

插件下载后台搜索“Mini Program API”插件下载即可。

微信小程序前端源码

wordpress程序后台插件安装完成以后，需要对接小程序源码，就是大家看到微信小程序的界面，下面就来给讲讲如何对接微信小程序源码。
微信小程序前端源码下载：微信小程序前端源码
下载解压出来有以下几个文件：

微信小程序前端源码下载解压完成以后，接着就可以使用微信小程序开发工具进行修改了。

微信小程序前端源码修改指南：

1、先下载微信小程序前端源码包
2、解压压缩包后, 打开utils文件夹的base.js文件；
3、修改 base.js 里的 const API_HOST = ‘你的域名’ // 注意，域名需要填写协议，比如https://www.zhuzhouren.cn/；

4、登录微信公众号小程序后台 – 开发 – 服务器配置 ，把你的域名加入 request 域名；
5、登录wordpress网站后台, 在小程序设置里，填写对应的AppID 和 AppScret；
6、然后使用微信小程序开发工具导入 weTravel 进行开发调试，调试完成以后，填写小程序版本信息，就可以点击“上传”按钮进行上传了。

上传完成以后，提交审核，审核成功以后就可以看到你的程序了。