WordPress版微信小程序安装使用说明

昨天在群里&＃xff0c;有刚刚使用WordPress版微信小程序朋友&＃xff0c;在问安装过程中的问题&＃xff0c;这些问题是经常被问到&＃xff0c;这至少说明两个问题&＃xff1a;

1、我开发的程序安装和使用不够简易&＃xff0c;无法通过简单的配置就可以使用&＃xff0c;特别是如果没有基本的wordpress或微信小程序的知识&＃xff0c;是很难搭建成功的。

2、缺乏一个简明的安装使用说明。这是我昨天晚上刚刚意识到的&＃xff0c;虽然我写了不少的文章来说明如何安装使用&＃xff0c;但至今没有一个按流程一步一步指导使用者进行安装。这是我的失误吧&＃xff0c;很明显还是从一个技术人员的角度来思考&＃xff0c;缺乏用户体验的角度。

基于此&＃xff0c;才有本篇&＃xff0c;我尽量从一个非常基础的用户角度来说明安装的过程。

以下是WordPress版微信小程序安装使用说明&＃xff1a;

1.安装WordPress

这个步骤感觉说出来是废话&＃xff0c;我想说的是建议你使用WordPress4.7级以上的版本&＃xff0c;因为需要使用rest json api &＃xff0c;这个版本后这个api就包含在WordPress里了&＃xff0c;不必通过插件来安装。

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

当然&＃xff0c;如果你熟悉json api 可以修改本小程序去对接json api的接口也是可以的。

再次强调使用WordPress4.7级以上的版本无需安装rest json api的插件。

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

有关rest json api 的使用以及固定链接、伪静态可以参考文章&＃xff1a;WordPress版微信小程序开发系列(一)&＃xff1a;WordPress REST API

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

在微信小程序公众平台的后台里&＃xff0c;选择“设置”&＃61;>“开发设置”&＃xff0c;对“服务器域名”和“业务域名”进行配置&＃xff0c;如下图&＃xff1a;

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

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

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

3.配置HTTPS

如果你的网站支持HTTS就可以忽略这步&＃xff0c;由于小程序的request等请求是需要HTTPS的&＃xff0c;因此需要网站支持HTTPS&＃xff0c;关于WordPress网站开启请参考我写过的文章&＃xff1a;WordPress整站轻松开启HTTPS。

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

4.安装WordPress插件&＃xff1a;wp-rest-api-for-app

之所以开发这个插件&＃xff0c;是因为WordPress 官方的rest json api 不能满足小程序定制化的需求&＃xff0c;我开发了插件作为官方api的补充&＃xff0c;这个插件基本是按官方api二次开发的规范定制的。

由于插件部分数据的获取是通过直接访问数据库的方式&＃xff0c;这样很可能无法提交到Wordpress的官方插件库&＃xff0c;所以只能通过github下载。因此安装的方式是&＃xff0c;直接上传文件夹到wordpress的插件目录&＃xff0c;然后启用。

插件的下载地址&＃xff1a;https://github.com/iamxjb/wp-rest-api-for-app

插件安装启用后&＃xff0c;需要在后台配置一些参数&＃xff1a;

1&＃xff09;wordpress后台 &＃61;> 设置 &＃61;>微信小程序设置

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

文章id如何在wordpress后台找到呢&＃xff1f;其实很简单&＃xff0c;看下图你就明白了&＃xff1a;

2&＃xff09;wordpress后台 &＃61;> 分类目录 &＃61;>选择一个分类进行编辑

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

5.安装Wordpress版微信小程序&＃xff1a;winxin-app-watch-life.net

下载的地址&＃xff1a;https://github.com/iamxjb/winxin-app-watch-life.net

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

微信小程序项目创建好了后&＃xff0c;打开config.js文件&＃xff0c;config.js文件的路径如下图&＃xff1a;

官方支持微信号: iamxjb

 

官方技术群:WordPress版微信小程序

由于微信群超过100人&＃xff0c;无法再扫描二维码加入。如果你想加入&＃xff0c;请先加我的微信&＃xff1a;iamxjb &＃xff0c;我拉你入群。