给WordPress站点添加微信小程序

2019年6月4日22:00:21 2 249

有很多博主都为自己的博客添加了微信小程序功能,给网站添色不少。做为草根站长的我,也一直很想给自己的网站添加小程序功能,今天就来给大家分享一下如何快速给WordPress站点添加小程序支持。源码及插件来自于 守望轩 博主,在此感谢博主提供的源码及插件!

给WordPress站点添加微信小程序

一、注册帐号

1)首先在微信公众平台注册帐号,https://mp.weixin.qq.com

2)并申请成为开发者。

二、填写小程序信息

填写小程序基本信息,主要包含小程序名称、简称,介绍,并上传Logo图片,配置完成后如图所示:

给WordPress站点添加微信小程序

三、配置微信小程序服务器域名

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

给WordPress站点添加微信小程序

四、选择开源小程序源码

选择开源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、开启小程序的评论。

给WordPress站点添加微信小程序

AppID和AppSecret可以在微信公众平台后台“开发” => “开发设置”中看到。

假设要滚动ID为9395、9356、9129的这三篇文章,则在小程序首页滑动文章一栏输入9395,9356,9129。

九、分类目录图片配置

wordpress后台 => 分类目录 => 选择一个分类进行编辑

在微信小程序封面一栏中输入封面的图片地址,这里设置后,在小程序里“专题”页就会看到封面图片了。

给WordPress站点添加微信小程序

十、运行程序并调试

完成以上配置后,用微信开发者工具运行程序。
如果上述配置都顺利的话,此时就可以正常浏览到自己的小程序了。

给WordPress站点添加微信小程序

也可以通过扫描二维码在微信上预览效果。

十一、提交审核

测试完成后交小程序提交给微信团队审核。
如果审核失败的话,多提交几次。
等审核成功后就成功上线了。

最后更新:2019-09-11
weinxin
关于本站
本站是一个分享建站经验、SEO优化、互联网技术以及日常生活的个人生活博客。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  1   博主  1

    • avatar 双双对对爸爸 0

      我的WordPress不是https的,好像不行吧?