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

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

昨天在群里，一些刚用WordPress版微信小程序的朋友在安装过程中提问。这些问题是经常被问到的，这至少说明了两个问题:

1.我开发的程序不够容易安装和使用。不能通过简单的配置来使用，尤其是没有wordpress或者微信小程序的基础知识，很难搭建成功。

2.缺乏简明的安装和使用说明。我昨晚才意识到这一点。虽然我写了很多文章讲解如何安装使用，但是至今没有人指导用户按照流程一步一步安装。这是我的错误吗？显然我还是站在一个技术人员的角度思考，缺乏用户体验的角度。

基于此，本文在此。我尝试从一个非常基础的用户角度来解释安装过程。

以下是在WordPress中安装和使用微信小程序的说明:

1.安装WordPress

这一步感觉很扯淡。我想说的是，我建议你使用WordPress以上版本，因为你需要使用restjsonapi。这个版本之后，WordPress中就包含了这个api，不用再通过插件安装了。

这里说明一下，WordPress里有一个jsonapi插件，和官方的restjsonapi不一样，不能用在这个小程序里。

当然，如果你熟悉jsonapi，你可以修改这个applet来和jsonapi接口。

强调一下，再次使用WordPress4.7版或以上，不需要安装restjsonapi的插件。

restjsonapi需要wordpress中的固定链接和伪静态才能正常工作。

关于restjsonapi和固定链接的使用，伪静态可以参考文章:WordPress版微信小程序开发系列(一):WordPressRESTAPI

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

在微信小程序公众平台后台，选择“设置”=>；“开发设置”，配置“服务器域名”和“业务域名”，如下图所示:

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

“商业域名”主要在嵌入web-view时作为域名白名单使用。如果不是业务域名中的域名，则在访问web-view时会报告不可访问错误。

注意:个人小程序没有配置“业务域名”。

3.配置HTTPS

如果你的网站支持HTTPS，你可以忽略这一步。由于applet的请求需要HTTPS，所以您需要网站支持HTTPS。请参考我写的关于WordPress网站开放的文章:在WordPress的整个站点中打开HTTPS很容易。

注意:您必须确保https和http都能正常访问网站，才能更改此配置，否则网站可能无法访问。

4.安装WordPress插件：wp-rest-api-for-appRESTAPITOMiniProgram

2018年11月26日更新:新版插件RESTAPITOMiniProgram已重构，原版本插件不再更新。新版插件详情请见:RESTAPI转MiniProgramonlineWordPress官方插件库。

我开发这个插件是因为WordPress官方的restjsonapi无法满足小程序定制的需求。我开发的插件是作为官方api的补充，基本上是按照官方api二次开发的规范定制的。

由于插件的一些数据是直接访问数据库得到的，很可能无法提交到Wordpress的官方插件库中，只能通过github下载。所以安装方法是直接把文件夹上传到wordpress的插件目录，然后启用。

注意:从github下载的插件包的文件夹变成了wp-rest-api-for-app-master。安装插件时，插件目录的名称应该改为:wp-rest-api-for-app。

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

RESTAPI到miniprogram:https://wordpress.org/plugins/rest-api-to-miniprogram/

该插件已经上架wordpress官方插件库。安装后，可以在线完成后续更新。

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

1)WordPressbackground=>；Settings=>:微信小程序设置

在这个配置界面中，在小程序首页配置AppID、AppSecret、幻灯片文章ID。前两个参数可以在微信小程序后台找到，这里就不赘述了。参数“在applet的第一页上滑动文章ID”用于显示在第一页上滑动和旋转的文章。我对这里的设计很懒。好的设计应该d出一个选择框让用户选择文章，而不是在输入框里输入一个id。

rest-api到mini程序

如何在wordpress后台找到id？其实很简单。看下图你就明白了:

2)WordPressbackground=>；分类目录=>:选择要编辑的类别。

在此设置后，您将在applet的“特殊主题”页面上看到封面图片。

5.安装Wordpress版微信小程序：winxin-app-watch-life.net

下载地址:https://github.com/iamxjb/winxin-app-watch-life.net

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

微信小程序项目创建完成后，打开config.js文件。config.js文件的路径如下:

varDOMAIN="www.watch-life.net";//配置域名,域名只修改此处 varWEBSITENAME="守望轩";//网站名称 varABOUTID=1136;//wordpress网站关于页面的id varTEMPPLATEID='hzKpxuPF2rw7O-qTElkeoE0lMwr0O4t9PJkLyt6v8rk';//模版消息id 配置好以上参数，可以让小程序正常运行。其中： DOMAIN就是wordpress所在服务器的域名； ABOUTID是wordpress的“页面”的id，这个页面id的获取和上面说的文章id类似。 TEMPPLATEID是模版消息的id，是发送模版消息的必须使用的id，有关模版消息参看文档：WordPress版微信小程序2.4版发布 ，这篇文章里有如何设置模版消息的说明。 5.安装微信支付服务端程序

2018年11月26日更新:新版插件RESTAPI转Mini程序已经加入了关于微信支付的程序，只需在插件中配置商户id和密钥即可。

如果开通微信支付，使用WordPress版微信小程序的“赞赏”功能，需要安装微信支付服务器程序。

原文来自:https://www.watch-life.net/WordPress/weixin-app-install.html

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zz/744499.html