您好,欢迎到访网聚资源! login 查看权限
  • 如果您觉得本站非常有用,那么赶紧使用Ctrl+D 收藏吧
  • 本站所有网站源码模板均可免费下载,每天更新
  • 网站所有资源均来自网络,如有侵权请联系站长删除!

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

免费资源 admin 2019-02-23 416 次浏览 0个评论

免费源码下载

安装前必看

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

需要的工具

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

成品小程序


100.jpg


安装教程

1.微信小程序后台配置

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


101.jpg


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


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

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


102.jpg


2.安装WordPress插件

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


103.jpg


3.修改小程序源码

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

104.jpg


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



105.jpg

 



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


聚网源码淘宝店

聚网虚拟主机

已有 416 位网友参与,快来吐槽:

发表评论

验证码