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

开源wordpress小程序源码免费分享,想搭建一个wordpress网站微信小程序,下面大兵给大家分享一下wordpress网站如何免费搭建微信小程序,先注册小程序,按照注册要求填写相关信息,就可以注册成功,下面分享具体步骤和方法.

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

大兵SEO博客微信小程序二维码前期要做的准备

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

微信小程序的AppID(小程序ID)

需要的开发工具

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

微信小程序开发工具

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

开源微信小程序预览效果图

wordpress程序后台插件

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

“Mini Program API”小程序插件截图

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

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

“Mini Program API”微信小程序插件

微信小程序前端源码

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

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

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

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

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

上传微信小程序

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

本篇文章发布于大兵SEO博客,为大兵原创内容,如若转载,请注明出处:https://www.zhuzhouren.cn/xiaochengxu/7750.html,否则,禁止转载,谢谢配合!

(1)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2021-10-31 22:46
下一篇 2021-09-26 16:49

发表回复

登录后才能评论
联系我

平时工作忙:合作还是咨询SEO服务,请简明扼表明来意!谢谢!

在线咨询:点击这里给我发消息

邮件:dabingseo@qq.com
工作时间:周一至周六,10:30-24:30,节假日休息

个人微信
个人微信
分享本页
返回顶部