有很多博主都为自己的博客添加了微信小程序功能,给网站添色不少。做为草根站长的我,也一直很想给自己的网站添加小程序功能,今天就来给大家分享一下如何快速给WordPress站点添加小程序支持。源码及插件来自于 守望轩 博主,在此感谢博主提供的源码及插件!
一、注册帐号
1)首先在微信公众平台注册帐号,https://mp.weixin.qq.com
2)并申请成为开发者。
二、填写小程序信息
填写小程序基本信息,主要包含小程序名称、简称,介绍,并上传Logo图片,配置完成后如图所示:
三、配置微信小程序服务器域名
在微信小程序公众平台的后台里,选择“开发”=>“开发设置”,对“服务器域名”进行配置,如下图:
四、选择开源小程序源码
选择开源WordPress小程序源码。下载地址:
https://github.com/iamxjb/winxin-app-watch-life.net
五、安装微信开发者工具
微信开发者工具,是微信小程序的集成开发环境。官方下载地址:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
六、修改程序配置
1)修改 project.config.json文件
将appid改成自己的小程序appid,appid可以在微信公众平台后台“设置”中找到。
2)修改 utils 目录下的 config.js文件
修改以下四项内容:
var DOMAIN = “www.kefaming.com”;//配置域名,域名只修改此处
var MINAPPTYPE=”1″;//小程序的类型,如果是企业小程序请填:0 ,如果是个人小程序请填:1
var WEBSITENAME=”夏日阳光”; //网站名称
var ABOUTID= 41; //wordpress网站关于页面的id
七、安装REST API TO MiniProgram插件
在WordPress后台插件页搜索 REST API TO MiniProgram 插件,安装该插件并启用。
安装这个插件,是为了让 WordPress 提供小程序 rest json api 接口。
八、插件配置
WordPress后台 => 设置 => 微信小程序设置
在这个配置界面配置AppID,AppSecret,小程序首页滑动文章ID、开启小程序的评论。
AppID和AppSecret可以在微信公众平台后台“开发” => “开发设置”中看到。
假设要滚动ID为9395、9356、9129的这三篇文章,则在小程序首页滑动文章一栏输入9395,9356,9129。
九、分类目录图片配置
wordpress后台 => 分类目录 => 选择一个分类进行编辑
在微信小程序封面一栏中输入封面的图片地址,这里设置后,在小程序里“专题”页就会看到封面图片了。
十、运行程序并调试
完成以上配置后,用微信开发者工具运行程序。
如果上述配置都顺利的话,此时就可以正常浏览到自己的小程序了。
也可以通过扫描二维码在微信上预览效果。
十一、提交审核
测试完成后将小程序提交给微信团队审核。
如果审核失败的话,多提交几次。
等审核成功后就成功上线了。
我的WordPress不是https的,好像不行吧?
是的,必须是https的才可以。
必须备案才可以~
是的,服务器域名必须经过ICP备案。
先记住这篇文章,改天再折腾
要是有什么问题的话可以随时联系我。
有时间折腾看看!
那个开源程序不是很好,折腾起来有点心累。
为什么小程序首页有缩减图 但是文章里面没有图片呀。。。懒加载的话 我也没开的呀
可能与配置有关系吧。
什么配置呀、、、但是我用默认主题又是可以的
取不到那个参数。
怎么出来呀 老哥
对比一下两个主题,看看缩略图url存到数据库中的哪个字段中去了,只能帮到这儿了。