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

WordPress纯代码为你的网站添加防CC攻击功能

安装前必看

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

需要的工具

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

安装教程

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博客快速对接微信小程序最全教程

原文链接:https://www.zattn.top/3848.html

发布信息:文章由【筑爱天堂鸟】于<2019-01-18>发布于【未分类】分类下

相关标签:

相关推荐

  • 暂无文章

评论 抢沙发

评论前必须登录