WordPress博客微信小程序源码(附教程)

安装前必看

1.网站必须是全站HTTPS(小程序只支持HTTPS)

2.网站域名必须备案

3.有一个微信公众平台微信小程序(点击申请)

需要的工具

1.微信web开发者工具 (点击下载)

2.微信小程序源码(文章结尾下载)

3.REST API TO MiniProgram博客插件(点击下载)

成品小程序

安装教程

1.微信小程序后台配置

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


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

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

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

2.安装WordPress插件

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

3.修改小程序源码

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


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

 


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


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

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

现在基本修改完毕了。还有一些小地方需要修改的就直接在Notepad++里面查找一下再根据所在路径修改就行了!
比如说要修改首页的网赚项目!


我们在小程序源码的根目录选择一个文件,右键用Notepad++打开!


在Notepad++里面Ctrl+F打开查找页面,选择“文件查找”输入需要查找的内容。
目录为小程序的更目录,把“当前文件夹”和“包含子目录”勾选上,点击“全部查找”!

查找完成后就可以看到查找的内容的所在路径\pages\index\index.wxml
再到web开发工具中找所在路径修改就行了,你也可以直接在Notepad++里面修改!

修改完后保存退出,把你改好的文件夹保存好。在web开发者工具中删除这个项目,再次重新添加项目,这一次要输入APPID添加项目,工具栏有个上传,点击,选择版本号,就可以了。

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

提交注意:

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

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

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

4.审核时间一般大概1天左右(我的从提交到通过花了3个小时左右)

常见问题

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

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

相关下载

点击下载

参与评论