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在功能-模板消息处

微信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,保存设置

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

修改WordPress版微信小程序项目

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

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

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

小程序上线

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

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

扩展资料

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

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

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

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

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

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

  1. *.servicewechat.com
  2. servicewechat.com
「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
7 条回复 A 作者 M 管理员
  1. 途径

  2. 底部登录按钮没有反应,只能到文章页评论点击登录

    • 小程序端吗?还是哪里

    • 小程序

    • 我这边是正常登录的,可能是小程序源代码有问题吧,不稳定

  3. 文章标题有缩略图,但文章内容的图片显示不了

    • 自查原因,目前没时间折腾小程序

欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论