当前位置:空木白博客 > WordPress > 正文

作者:空木白

手机扫码查看

WordPress博客快速介入微信小程序

WordPress博客快速介入微信小程序
下面就说说如何安装并上线小程序:

1.全站必须开启https,没开的下面不用看了。

2.必须要有备案域名。

3.在微信公众平台申请小程序

4.wp-rest-api-for-app插件下载安装

5.微信小程序源码下载

6.开发工具下载

7.审核通过上线版本

小程序演示:


WordPress博客快速介入微信小程序

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

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

WordPress博客快速介入微信小程序

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

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

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

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

2.安装WordPress插件与小程序源码修改:


首先把wp-rest-api-for-app插件上传到/wp-content/plugins里面,然后启用插件,去微信公众平台获取小程序的appid和appsecret,并在设置→开发设置里面把域名设置好,再插件中设置好appid和appsecret。(插件下载:https://wordpress.org/plugins/rest-api-to-miniprogram/

WordPress博客快速介入微信小程序

小程序首页滑动文章ID在WordPress后台所有文章里面看。

在微信web开发者工具中打开源码文件夹,注意:(小程序源码下载的地址:https://github.com/iamxjb/winxin-app-watch-life.net

打开后需要修改几个地方:(如下图)

/utils/config.js

WordPress博客快速介入微信小程序

/app.json

WordPress博客快速介入微信小程序

替换images里面的logo.png及logo.gif、logo700.png

修改templates/copyright.wxml、templates/footer.wxml、templates/header.wxml

修改根目录app.json

现在基本修改完毕了。

修改完后保存退出,把你改好的文件夹保存好。在web开发者工具中删除这个项目,再次重新添加项目,这一次要输入APPID添加项目,工具栏有个上传,点击,选择版本号,就可以了。

打开微信公众平台→开发管理,在这里选择体验,然后会给你一个二维码体验,体验觉得可以就提交进入审核,不满意继续修改,重新上传,上传会覆盖之前的版本。

提交注意:


1.提交核审时不可以打开评论,核审后打不打开貌似没有影响,具体也不是很清楚。

2.不能有违反法律法规的东西,不然一定过不了!

3.服务类目一定要对,博客就选:教育 教育信息服务 

4.审核时间一般大概1天左右(嘿嘿!我的就是这样!)

 您阅读这篇文章共花了: 
未经允许不得转载:

作者:空木白, 转载或复制请以 超链接形式 并注明出处 空木白博客
原文地址:《WordPress博客快速介入微信小程序》 发布于2019-01-08

分享到:
赞(2) 打赏

评论 1

评论前必须登录!

  注册

  1. #1

    厉害了 老哥

    WangYingKun8个月前 (01-10)来自天朝的朋友 Netscape Navigator iPhone iPhone OS 12_0_1 like Mac OS X) AppleWebKit 中国 移动

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

隐藏
变装
EA PLAYER &

历史记录 [ 注意:部分数据仅限于当前浏览器 ]清空

      00:00/00:00
      切换注册

      登录

      忘记密码 ?

      您也可以使用第三方帐号快捷登录

      Q Q 登 录
      微 博 登 录
      切换登录

      注册