wordpress版微信小程序（一）快速安装使用小程序

wordpress建站教程5,2561

WordPress版微信小程序是守望轩开发的一款开源程序，用于帮助使用WordPress的网站用户，通过简单的配置，快速搭建微信小程序。

注意：本套小程序是针对wordpress网站的，其他网站系统不适用；网站必须备案并且做好https。文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2176.html

Wordpress版微信小程序安装使用（一）文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2176.html

功能清单：

展开收缩
文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2176.html

1.缩略图的方式显示文章列表（首页，分类文章），包括显示文章分类和发布时间，加载分页。文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2176.html

2.在首页用轮播方式显示指定文章。文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2176.html

3.显示文章分类（专题），包括显示分类的封面图片。文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2176.html

4.显示文章内容页，包括文章站内链接跳转，站外链接复制到剪切板，显示猜你喜欢的相关文章。文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2176.html

5.显示文章评论，提交评论和回复评论，加载评论分页，显示微信用户评论者的头像。文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2176.html

6.显示热点文章。文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2176.html

7.显示wordpress“页面”类文字（关于页面）。文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2176.html

8.对文章内容的全文搜索。

9.小程序页面的分享和转发。

10.WordPress 插件的配套功能。

11.文章浏览数显示及更新。

12.文章微信用户点赞及点赞的微信用户头像显示。

13.通过微信支付对文章赞赏。

14.赞赏后发送模版消息。

15.web-view内嵌网页跳转。

16.回复评论发送模板消息。

17.订阅专题。

18.文章海报（分享微信朋友圈的卡片）。

一、微信小程序

1、注册账号

https://mp.weixin.qq.com/

注意：每个邮箱仅能申请一个小程序/公众号，请使用未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱注册

2、下载微信小程序开发工具

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

3、配置微信小程序的域名

登录微信公众平台，点击“设置-开发设置-服务器域名”

request合法域名必须配置

“业务域名”主要用于web-view内嵌网页时，用作域名白名单

个人小程序是没有“业务域名”这个配置的。

二、Wordpress版微信小程序

1、下载地址：

https://github.com/iamxjb/winxin-app-watch-life.net

备用地址：https://gitee.com/iamxjb/winxin-app-watch-life.net

2、微信小程序项目创建：

（1）打开安装好的微信小程序开发工具，登录管理员账号之后，点击左上角“项目-新建项目-小程序项目”，点击“项目目录”选择解压后的Wordpress版微信小程序的文件夹，填写好AppID(小程序ID)，给项目起个名字，点击“确定”就完成了。

微信小程序项目创建

（2）打开 utils/config.js 文件，配置好以下参数：

其中：

①如果wordpress没有安装在网站根目录请加上目录路径,例如："www.chaoyongseo.com/blog"

②DOMAIN就是wordpress所在服务器的域名

③MINAPPTYPE是指小程序的类型，如果是企业小程序请填：0 ，如果是个人小程序请填：1

④WEBSITENAME是网站名称，填写自己网站的名称，如：SEO视频

⑤ABOUTID是wordpress的“页面”的id，到wordpress网站后台-页面获取页面ID值

⑥TEMPPLATEID是模版消息的id ，是发送模版消息的必须使用的id，有关模版消息参看文档：

发送模版消息，需要在微信小程序的后台配置模版消息，方法如下：

展开收缩

第一步，登录微信小程序后台，选择“模版消息”菜单，从模版库里选择合适的模版，考虑到本程序是给赞赏者反馈信息，于是我选择的是“打赏成功通知”模版。当然你也可以选择其他的模版，但是由于模版的“格式”是和发送模版消息的程序是相对应的，如果你换了其他的模版，就需要修改我开发的wordpress插件“wp-rest-api-for-app”的中的weixin-send-message.php中的相关代码了。

第二步，配置好模版消息后，需要把模版消息的id填写在微信小程序的配置文件里，即配置在config.js文件里，如下图所示

⑦ZANIMAGEURL是微信赞赏的图片链接，用于个人小程序的赞赏，填写图片绝对地址。

结果如下：

  1. //配置域名,域名只修改此处。
  2. //如果wordpress没有安装在网站根目录请加上目录路径,例如："www.watch-life.net/blog"
  3. var DOMAIN = "www.chaoyongseo.com";
  4. var MINAPPTYPE="1";//小程序的类型，如果是企业小程序请填：0 ，如果是个人小程序请填：1
  5. var WEBSITENAME=""; //网站名称
  6. var ABOUTID = 735; //wordpress网站"页面"的id,注意这个"页面"是wordpress的"页面"，不是"文章"
  7. var PAGECOUNT='10'; //每页文章数目
  8. var CATEGORIESID='all'  //显示全部的分类
  9. //var CATEGORIESID = '1,1059,98,416,189,374,6,463';//指定显示的分类的id
  10. var PAYTEMPPLATEID = 'URUYhaeIqPknqKmhTmXfhe8cZilr1pjSAzBqYO0Vobs';//赞赏消息模版id
  11. var REPLAYTEMPPLATEID = 'bUGX4Ll2S6gfpOycHki8yG6h-C4_Oi0tTJ8aKwiZjz0';//回复评论消息模版id
  12. var ZANIMAGEURL = 'https://www.chaoyongseo.com/zanshang.jpg';//微信赞赏的图片链接，用于个人小程序的赞赏

三、wordpress网站设置

1、安装插件：wp-rest-api-for-app

插件下载地址：https://github.com/iamxjb/wp-rest-api-for-app

2、微信小程序设置

打开wordpress后台，点击“设置-微信小程序设置”，填写好 AppID、AppSecret、小程序首页滑动文章ID、海报图片默认地址 。

3、专题分类图片设置

打开wordpress后台，点击文章-分类目录，点击编辑，填写图片地址

4、wordpress固定链接

wordpress固定链接不能设置为【朴素】类型。

下一篇： wordpress版微信小程序（二）修改小程序

 

至此，wordpress版小程序安装完成！

如有疑问，可留言或者加我QQ：2224050231

 
  • 本文由 潮涌SEO 发表于 2018年3月9日 21:02:43
  • 转载请务必保留本文链接：https://www.seoshipin.cn/jianzhan/wordpress/2176.html