WordPress版微信小程序2.2.8版发布

距离上次更新已经一个月了，这期间对WordPress版微信小程序 作的很多小的更新和性能的优化，这次版本更新推出了两个比较重点的功能：点赞和赞扬。同时，优化了文章页面的功能布局，在评论区把经常使用的功能：转发，复制，点赞，赞扬，都集中在一个操做面板，同时为了避免占用文章页面的空间，作了隐藏。

WordPress版微信小程序开放源码地址：https://github.com/iamxjb/win...

了解程序的开发历程及开发技术，建议看看相关版本的更新文章：

1.用微信小程序链接WordPress网站

2.WordPress版微信小程序1.5版本发布

3.WordPress版微信小程序2.0版本发布

4.利用WordPress REST API 开发微信小程序从入门到放弃

5.WordPress版微信小程序2.1.5版发布

6.WordPress版微信小程序2.1.8版发布

WordPress版微信小程序开发系列(一)：WordPress REST API

8.WordPress版微信小程序2.2.0版发布

对于WordPress版微信小程序的开发过程当中，我最大的感觉是难度不是小程序的开发，是wordpress定制化的开发，特别是把定制化的配置须要在插件里完成，对像我这样wordpress的插件开发小白开发者来讲，难度是可想而知的。整个功能的开发，wordpress插件的开发占用了80%的工做量。所以，在此次赞扬功能开发中，我放弃使用插件的方式，大大下降了开发和调试的难度，插件开发最大的问题是调试麻烦，出现代码bug也难于发现。

扫描如下二维码，打开小程序

下面介绍WordPress版微信小程序2.2.8版本主要更新内容

1.配置文件结构更新

考虑到不少人使用微信小程序的时候不知道在那里修改配置文件，致使程序没法运行，这次更新在utils文件夹下增长了config.js文件，代码以下：

//配置域名
var DOMAIN = “www.watch-life.net“;
export default {
getDomain: DOMAIN
}
只要把域名修改成你网站的域名便可，无需再修改其它地方，小程序就能够运行起来了。

2.评论区集成功能按钮

考虑到文章页面的附加不少，好比：点赞、复制、转发、赞扬，评论，返回首页等，因而在这个版本里，我把这些功能集中在评论区，考虑到这些功能按钮数量比较多，把使用频率最高的评论和返回首页显示在评论面板上，而把使用频率相对较低的点赞、复制、转发、赞扬隐藏在评论面板下方，经过“+”号图标触发显示。以下图所示： 可能这些功能使用路径有些深，不过我人以为对于资讯类的小程序来讲，主要是看文章，其余的功能都是锦上添花，但愿不要由于锦上添花的功能影响了文章的阅读。

3.点赞

这个功能是实现并不复杂，用户在点击“点赞”图标后，在wordpress后台记录用户的openid和点赞记录，考虑到点赞是和文章的id关联的，我把点赞的记录保存在wordpress 的postmeta表里。由于须要获取用的微信openid，所以须要经过小程序的appid和AppSecret来获取微信用户信息。 基于此，我调整了插件程序wp-rest-api-for-app,须要在wordpress 后台管理配置appid和AppSecret，具体配置在wordpress后台管理的设置菜单里面，找到“微信小程序设置”菜单，点击进入后，以下图所示：

WordPress插件地址：https://github.com/iamxjb/wp-...

小程序要正常运行，必须安装这个插件，同时这个插件目前尚未提交到官方，安装须要上传文件夹到wordpress的插件目录进行安装启用，不要上传压缩文件去安装。

4.赞扬

支付的功能自己并不复杂，官方文档描述的也很清晰，但考虑程序是开源，我原来的设想是把相关配置信息和支付功能结合到wordpress插件里，这样使用程序的人只要安装插件就可使用，但写插件的过程很是不顺利，折腾了几乎一周的时间，发现还有不少坑，因而就放弃了，搞成插件付出的时间成本太大了。

赞扬利用了认证的微信小程序的支付功能。赞扬功能的服务端php程序我是在官方的微信公众号的微信支付demo基础上修改完成的。微信公众号的微信支付官方demo地址：https://pay.weixin.qq.com/wik...

赞扬功能必须配合使用这个支付的服务端php程序，该程序我也开源了，开源的地址：

weixin-app-wxpay程序地址：https://github.com/iamxjb/wei...

安装的方法：

一、程序wp-wxpay目录须要放置在网站的根目录。程序的wp-wxpay目录是一级目录，目录结构以下：

├── wp-wxpay
├──────lib
├──────────WxPay.Api.php
├──────────WxPay.Config.php（配置文件）
├──────────WxPay.Data.php
├──────────WxPay.Exception.php
├──────────WxPay.Notify.php
├──────logs
├──────pay
├──────────app.php （微信小程序调用赞扬调用程序）
├──────────log.php
├──────────notify.php
├──────────WxPay.JsApiPay.php

二、修改lib目录下的WxPay.Config.php相关配置

const APPID = ‘wx’; （小程序appid）

const MCHID = ‘*’; （微信支付商户号）

const KEY = ‘’; （商户支付密钥）

const NOTIFY_URL=’https://...’; （支付回调地址，修改域名便可）

const BODY =’守望轩Live’; （消息体的内容，自行随便给定）

商户支付密钥的获取参见微信支付官方文档：https://pay.weixin.qq.com/ind...

修改后，小程序就会调用这个支付程序完成赞扬功能。经过这个赞扬功能的开发，让我对公众号（包括小程序）的微信支付的流程，有了大体的了解

wordpress版微信小程序到目前版本，基本功能都已经完善，在整个开发过程当中，对小程序的整个开发流程和核心功能有了比较深刻的了解，也愈来愈对小程序的将来发展充满信心。