使用 WordPress 轻松搭建属于自己的微信小程序 附配置步骤

这里我是用守望轩开源的微信小程序源码搭建的,下面将会记录详细步骤。

准备工作

首先需要准备一下内容:

  1. 已备案域名(说明:微信小程序不支持未备案域名接入)。
  2. 服务器及WordPress环境(说明:WordPress版本不能低于4.9,php版本不支持php5.5及以下版本)。
  3. 微信小程序账号。

WordPress环境搭建如果不会的可以看下面这两篇文字。

  1. 阿里云Linux服务器安装宝塔界面
  2. 通过宝塔面板一键搭建wordpress博客

另外WordPress博客必须全站开启https,这个后期会写一篇文章进行介绍,现在如果不会的可自行百度。

WordPress博客后台还必须安装REST API TO MiniProgram插件,直接在博客后台搜索安装即可。

注册小程序

直接到微信小程序官网注册小程序即可,注册完成登录微信小程序后台。

说明:这里注册时我是用认证的公众号一键注册的,优点是无需重新提交主体材料和支付300元认证费用。

说明:非企业主体的小程序,提交文娱/资讯类的小程序时审核非常严厉,有可能无法通过审核。

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

路径:开发---开发设置---服务器域名---填写相关域名信息。

使用 WordPress 轻松搭建属于自己的微信小程序 附配置步骤

WordPress后台插件配置

首先去后台启用REST API TO MiniProgram插件并点击设置进入设置界面。

说明:appid和secret在插件处是必填项。

如果小程序申请微信支付的话,企业小程序可以填写下商户信息,如果是个人小程序,填写赞赏码地址即可。

小程序首页滑动文章就是小程序首页的轮播图。

使用 WordPress 轻松搭建属于自己的微信小程序 附配置步骤

说明:appid和secret可以在微信公众号后台开发设置处进行查看。

使用 WordPress 轻松搭建属于自己的微信小程序 附配置步骤

WordPress小程序的下载导入及配置

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

还需要安装小程序开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

安装完小程序开发者工具后,使用微信扫码登录。(这个微信必须是程序管理员或有开发权限的)

登录后在小程序项目那点击小程序项目,点击 + 导入项目。

说明:小程序appid需要改成自己的。

使用 WordPress 轻松搭建属于自己的微信小程序 附配置步骤

然后修改 utils 目录下的 config.js文件中的一些配置。

如:配置域名、网站名称之类的,上面都有详细介绍的,大家自行修改下即可。

说明:像首页精选里面的内容都是可以进行修改的,这个大家自行搜索修改即可,有机会会写一篇详细文章的。

使用 WordPress 轻松搭建属于自己的微信小程序 附配置步骤

将里面修改的内容都修改完成后,点击预览生成二维码,使用微信扫描体验下所有的功能是否正常,没有问题的话点击上传,填写版本信息。

然后进入小程序管理后台---在版本管理中找到开发版本点击提交审核即可。

使用 WordPress 轻松搭建属于自己的微信小程序 附配置步骤

提交审核时间为:2020/2/21/23:43,这里我使用了加急审核,23:52即审核成功了。

审核成功后去小程序后台提交发布就可以了。

使用 WordPress 轻松搭建属于自己的微信小程序 附配置步骤

提交发布是不需要审核的,提交后就可以在微信中搜索到了,有兴趣的可以微信扫描下方二维码,看一下我的微信小程序。

使用 WordPress 轻松搭建属于自己的微信小程序 附配置步骤

给TA打赏
共{{data.count}}人
人已打赏
个人中心
今日签到
有新私信 私信列表
搜索