• 武汉加油,中国加油,免费投稿邮箱 creust@creust.com,vps,服务器,vps 推荐

[零基础]如何把你的wordpress网站生成微信小程序

源码插件教程 创启云客 1年前 (2019-09-30) 1107次浏览 已收录 0个评论 扫描二维码
摘要:在文章开头大挖必须提醒下大家,本文的文章内容比较长,适合有一定的程序开发技术能力的用户参考使用,懂技术的朋友大概清楚步骤…

[零基础]如何把你的wordpress网站生成微信小程序

在文章开头大挖必须提醒下大家,本文的文章内容比较长,适合有一定的程序开发技术能力的用户参考使用,懂技术的朋友大概清楚步骤,就是通过 wordpress程序api 端口由一款 wordpress 小程序插件来做平台的数量端口导出而生成的.

1:安装WordPress使用WordPress4.7 级以上的版本,因为需要使用 rest json api ,4.7 之前的版本是没有集成这个插件的需要手动搜索安装(在WordPress插件里,有个 json api 的插件,和官方的 rest json api 是不一样的,无法使用在本小程序里。)

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

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

[零基础]如何把你的wordpress网站生成微信小程序

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

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

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

3.配置HTTPS

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

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

4.安装WordPress插件:wp-rest-api-for-app

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

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

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

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

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

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

[零基础]如何把你的wordpress网站生成微信小程序

文章 id 如何在 wordpress 后台找到呢?其实很简单,看下图你就明白了:

[零基础]如何把你的wordpress网站生成微信小程序

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

[零基础]如何把你的wordpress网站生成微信小程序

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

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

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

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

微信小程序项目创建好了后,打开 config.js 文件,config.js 文件的路径如下图:

[零基础]如何把你的wordpress网站生成微信小程序

var DOMAIN = “www.watch-life.net”;//配置域名,域名只修改此处
var WEBSITENAME=”守望轩”; //网站名称
var ABOUTID= 1136; //wordpress网站关于页面的 id
var TEMPPLATEID = ‘hzKpxuPF2rw7O-qTElkeoE0lMwr0O4t9PJkLyt6v8rk’;//模版消息 id

配置好以上参数,可以让小程序正常运行。其中:

DOMAIN 就是 wordpress 所在服务器的域名;
ABOUTID 是 wordpress 的“页面”的 id,这个页面 id 的获取和上面说的文章 id 类似。
TEMPPLATEID 是模版消息的 id ,是发送模版消息的必须使用的 id,有关模版消息参看文档:WordPress 版微信小程序 2.4 版发布 ,这篇文章里有如何设置模版消息的说明。


创启云客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:[零基础]如何把你的wordpress网站生成微信小程序
喜欢 (1)
[13738388032@qq.com]
分享 (0)
创启云客
关于作者:
vps,服务器,云服务器,第三方支付,免费CDN,免费pos,Hexo,pos机,支付圈,免费vps,Discuz,emlog,主题,日本vps,国外服务器,美国vps,香港vps,便宜vps,便宜服务器,vps服务器
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址