基于WordPress的微信小程序

最近微信小程序实在火爆，这可能就是2018年的一个风口，站点采用的是wordpress构建，这个世界最强大的开源系统怎么能少的了微信小程序呢。在网上看到已经有大神应用上了，今天借鉴他们的经验也搭建了一个。这里记录下搭建过程备忘。

WordPress一定使用4.7以上版本，因为需要使用rest json api ，这个版本以上的已经包含，无需再借助插件。

这里说明一下，在WordPress的插件库里，有个json api 的插件，和官方的rest json api是不一样的，无法使用在本小程序里。

当然，如果你熟悉json api 可以修改本小程序去对接json api的接口也是可以的。WordPress4.7级以上的版本无需再安装rest json api插件。

rest json api 需要在wordpress设置固定链接和伪静态才可以正常使用。

配置微信小程序的服务器域名和业务域名

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

其中request合法域名必须配置，这个参数保证了小程序可以正常发送request请求，程序才能运行起来。同时，这个域名必须备案。

“业务域名”主要用于web-view内嵌网页时，用作域名白名单，如果不是业务域名里的域名，在web-view内嵌里访问网页时，就会报无法访问的错误。

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

配置HTTPS

如果你的网站支持HTTS就可以忽略这步，由于小程序的request等请求是需要HTTPS的，因此需要网站支持HTTPS。

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

安装WordPress插件：wp-rest-api-for-app密码：[reply]ahsr[/reply]

注意：从github下载的插件包，文件夹变成了wp-rest-api-for-app-master，在安装插件的时候，插件目录的名称要改成：wp-rest-api-for-app

插件安装启用后，需要在后台配置一些参数：

1）wordpress后台 => 设置 =>微信小程序设置

在这个配置界面配置AppID,AppSecret,小程序首页滑动文章ID,  前面两个参数在微信小程序的后台可以查到，这里就不赘述。“小程序首页滑动文章ID”这个参数是为了显示首页滑动轮播的文章。这里的设计我偷了懒，良好的设计应该弹出一个选择框，让用户来选择文章，而不是给个输入框输入id。

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

下方会有一个微信小程序封面输入图片地址即可.

这里设置后，在小程序里“专题”页就会看到封面图片了。

安装Wordpress版微信小程序

有关在微信小程序的开发工具新建项目，导入程序，我就不赘述了，可以去搜索微信小程序的官方文档，有详细的介绍。

微信小程序项目创建好了后，打开config.js文件，config.js文件