WordPress 网站搭建微信小程序教程

评论

WordPress网站其实也是可以快速搭建微信小程序的,我们可以使用微慕小程序开源版,基于WordPress的后端API开发,通过简单的配置,快速搭建微信小程序!

WordPress 网站搭建微信小程序教程

准备工作

1、注册小程序账号【点此注册】;

2、使用最新WordPress版本,不能禁用API;

3、必须使用已备案域名;

4、下载微慕小程序开源版,开源地址:https://github.com/iamxjb/winxin-app-watch-life.net

如果Github无法访问,可以选择以下镜像地址:

  1. https://git.oschina.net/iamxjb/winxin-app-watch-life.net
  2. https://xjb.coding.net/p/winxin-app-watch-life.net
  3. https://gitlab.com/xiajianbo/winxin-app-watch-life.net
  4. https://codechina.csdn.net/xjbx/winxin-app-watch-life.net

小程序配置

1、登录微信小程序后台

添加你的网站地址到request、uploadFile、downloadFile合法域名和业务域名中

downloadFile域名还需要添加头像域名:https://wx.qlogo.cnhttps://thirdwx.qlogo.cn

2、打开微信小程序后台设置 - 基本设置 - 服务类目,点击“详情”添加服务类目:

推荐工具 - 效率、文娱 - 行业资讯

WordPress配置

1、登录WordPress网站后台,转到设置 - 固定/永久链接,选择除朴素之外任意一个并保存

推荐 /%post_id%.html 或 /%postname%.html

2、网站配置SSL证书,确保网站可通过https访问,并且在WordPress后台-设置-常规中,WordPress地址和站点地址均为https的地址。《WordPress 配置SSL证书启用HTTPS教程

3、安装Wordpress插件:REST API TO MiniProgram

WordPress官方下载:https://wordpress.org/plugins/rest-api-to-miniprogram/

Github下载地址:https://github.com/iamxjb/rest-api-to-miniprogram

基础设置

微信小程序 AppID

小程序后台 —开发—开发管理—开发设置里获取

填写微信小程序的AppID,必须与微信开发者工具中项目的AppID相同

微信小程序 AppSecret

小程序后台 —开发—开发管理—开发设置里获取

填写微信小程序的AppSecret,与微信小程序AppID对应

效果预览

微信扫描二维码预览:

WordPress 网站搭建微信小程序教程

更多详细教程请参考《微慕WordPress小程序开源版文档》,感谢守望轩站长的无私开源!

 

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: