WordPress对接微信小程序的正确姿势

释放双眼,带上耳机,听听看~!

注册微信小程序

小程序注册地址:https://mp.weixin.qq.com/wxopen/waregister?action=step1&token=&lang=zh_CN,注册微信小程序,【PS:每个邮箱仅能申请一个小程序且不可注销】填写资料,注册类型:有营业执照的选择企业或个体,没有的选择个人

配置小程序服务器域名

在开发-开发设置-服务器处把request合法域名、socket合法域名、uploadFile合法域名、downloadFile合法域名修改成自己的域名,【PS:网站需开启https,以保证小程序正常request请求等

添加消息模板

添加2个模板:评论回复通知打赏成功通知

获取AppID、AppSecret(小程序密钥)及消息模版id

在微信公众平台-开发-开发设置下找到AppID及AppSecret(小程序密钥)【首次需生成密钥】,消息模版id在功能-模板消息处

WordPress对接微信小程序的正确姿势

微信web开发者工具

微信web开发者工具官方下载页面:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.htmlWindows 64位 / Windows 32位 / Mac OS

WordPress版微信小程序开源版

WordPress版微信小程序开源版GitHub项目:https://github.com/iamxjb/winxin-app-watch-life.net直接下载,并解压winxin-app-watch-life.net-master压缩包到桌面

网站配置插件

一、WordPress后台安装并启用REST API TO MiniProgram插件,官方下载地址:https://wordpress.org/plugins/rest-api-to-miniprogram/直接下载

二、配置AppID(小程序ID)、AppSecret(小程序密钥)、小程序首页滑动文章ID,保存设置

WordPress对接微信小程序的正确姿势

三、文章id或页面id获取如下图:

WordPress对接微信小程序的正确姿势

修改WordPress版微信小程序项目

一、安装微信web开发者工具后运行,微信扫描登录,选择小程序项目,导入桌面上的winxin-app-watch-life.net-master文件夹,填上小程序APPID,项目名称自定义

二、修改配置文件config.js,根据下图红框圈上的位置处修改成自己的配置信息

WordPress对接微信小程序的正确姿势

三、修改完成工具栏处刷新看看能不能获取到网站信息,如没问题上传项目

WordPress对接微信小程序的正确姿势

小程序上线

一、在管理-版本管理-开发版本处,看到我们刚上传的小程序,提交审核,所在服务类目建议选择教育>教育信息服务,还有小程序中出现的朋友圈字样改掉,避免审核不通过,审核中建议关闭网站留言功能

WordPress对接微信小程序的正确姿势

二、小程序审核大概一天,审核通过后提交发布即可

扩展资料

Mnews特别说明:Mnews需在主题选项-优化-禁用REST API,关闭此选项

修改微信小程序资料:在设置-基本设置-小程序头像处修改

修改小程序版权信息等字样:CTRL+Shift+F全局搜索字符,自行修改

改动小程序底部图标:winxin-app-watch-life.net-master\images目录下的图标均可修改,注意大小及格式一致,逐个替换文件

修改专题板块封面图:在网站后台-文章-分类目录微信小程序封面处修改

小程序不能获取文章缩略图:不能获取缩略图是因为你没设置特色封面或者图片加了防盗链,需把以下域名添加到白名单:

  1. *.servicewechat.com
  2. servicewechat.com

人已赞赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧