当前位置:筱凯博客 > 技术分享 > 正文
吴凯旋

作者:吴凯旋

不要只因一次失败,就放弃你原来决心想达到的目的。

手机扫码查看

WordPress博客快速对接微信小程序最全教程

WordPress博客快速对接微信小程序最全教程

安装前必看

1.网站必须是全站HTTPS(小程序只支持HTTPS)
2.网站域名必须备案
3.有一个微信公众平台微信小程序

需要的工具

1.微信web开发者工具
2.微信小程序源码
3.REST API TO MiniProgram博客插件

成品小程序

WordPress博客快速对接微信小程序最全教程

安装教程

1.微信小程序后台配置

在微信小程序公众平台的后台里,选择“开发”=>“开发设置”,对“服务器域名”进行配置,如下图:

WordPress博客快速对接微信小程序最全教程

如上图,把所有域名设置都设置成你的博客域名就行了。

注意:一定要保证https和http两种方式都能正常访问网站,才能改这个配置,否则可能导致网站无法访问。

在微信小程序公众平台的后台里,选择“模板消息”=>“模板库”中搜索“评论回复通知”和“收到赞赏通知”并选用

WordPress博客快速对接微信小程序最全教程
WordPress博客快速对接微信小程序最全教程

2.安装WordPress插件

插件的安装我这就不多说了,如果插件都不会安装那我也没有办法了!
插件安装完后启用插件,去微信公众平台获取小程序的appid和appsecret,并先在设置→开发设置里面把域名设置好,再插件中设置好appid和appsecret。
小程序首页滑动文章ID在WordPress后台所有文章里面看。

WordPress博客快速对接微信小程序最全教程

3.修改小程序源码

解压下载好的小程序源码,在web开发工具中打开。
首先修改/utils/config.js中16,33,34,35行,把这几行的域名设置成你的博客域名。(与微信后台的域名设置相同)

WordPress博客快速对接微信小程序最全教程

还是/utils/config.js中,在25,26行,到微信公众号平台后台复制刚刚选用的两个模板的ID粘贴到25,26行!

WordPress博客快速对接微信小程序最全教程
 

WordPress博客快速对接微信小程序最全教程

在/app.json里替换小程序标题

WordPress博客快速对接微信小程序最全教程

替换images里面的logo.png及logo.gif、logo700.png

修改templates/copyright.wxml、templates/footer.wxml、templates/header.wxml

修改首页的网站公告栏目!

WordPress博客快速对接微信小程序最全教程
修改完后保存退出,把你改好的文件夹保存好。在web开发者工具中删除这个项目,再次重新添加项目,这一次要输入APPID添加项目,工具栏有个上传,点击,选择版本号,就可以了。

打开微信公众平台→开发管理,在这里选择体验,然后会给你一个二维码体验,体验觉得可以就提交进入审核,不满意继续修改,重新上传,上传会覆盖之前的版本。

提交注意:

1.提交核审时不可以打开评论,核审后打不打开貌似没有影响,具体也不是很清楚。

2.不能有违反法律法规的东西,不然一定过不了!

3.服务类目一定要对,博客就选:教育 > 教育信息服务

4.审核时间一般大概1天左右

常见问题

1.博客文章里面不能有视频网站的链接(包括腾讯视频,优酷,芒果等),有链接小程序将不能正常显示!

PS:如果你在安装的过程中还发现了其他错误,欢迎和我们讨论解决哦!

未经允许不得转载:

作者:吴凯旋, 转载或复制请以 超链接形式 并注明出处 筱凯博客
原文地址:《WordPress博客快速对接微信小程序最全教程》 发布于2019-01-12

分享到:
赞(1) 打赏

评论 抢沙发

9 + 5 =


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

筱凯博客全新启航

专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

了解一下

正在获取,请稍候...
00:00/00:00

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册