Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程

原创 麻木  2019-06-28 17:14:47  阅读 253 次 评论 6 条
麻木博客
摘要:

插件来源:橙色阳光

下载地址:zblog后台-应用中心-搜索微信小程序-下载插件即可。

官方效果图:

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第1张


PS:下方步骤中文字颜色蓝色为重点关键字,红色字为可点击链接文字


准备工作:

1:微信小程序账号微信开发者工具,没有或者不会注册请参考文章:微信小程序初章-注册微信小程序账户及安装微信小程序开发者工具篇

2:你的网站必须基于Zblog搭建的网站,不懂的可以参考:如何搭建一个属于自己的Z-blog博客网站


步骤开始:

1:打开Zblog网站后台-应用中心-搜索微信小程序-选择免费的那款插件

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第2张


2:获取插件并启用插件

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第3张


3:打开微信公众平台并登陆注册好的微信小程序账号。

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第4张

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第5张


4:选择主界面的 开发-开发设置-将AppID和Appsecret复制到Zblog的微信小程序插件配置中。

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第6张

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第7张

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第8张


5:访问橙色阳光官网的微信小程序配置帮助界面:点我前

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第9张

6:下载开发者工具需要用到的小程序源码,方便后面配置:小程序源码-

此处内容需要评论后才能查看。
点击去评论

或微信关注麻木博客公众号回复:橙色阳光小程序源码

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第10张


7:解压下载好的源码

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第11张


8:进入源代码目录,在config目录下,找到 index.backup.js ,复制一份,将其修改为 index.js;

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第12张

9:使用代码编辑器(例如:Notepad++,实在不行就用记事本打开)打开index.js;进行提供数据服务的网站地址配置。

如下配置:

name为网站名称

host为网站域名:必须ssl证书需要支持https访问,不懂可以参考:怎么获取SSL证书及怎么在服务器面板安装SSL证书

urlrule以及parse_type一般我这样配置就可以。

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第13张


10:在应用根目录中,复制一份app.backup.json文件,修改为app.json

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第14张


11:返回微信小程序后台也是-开发-开发设置服务器域名-设置request合法域名-添加支持https访问的自己网站域名。

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第15张

12:打开安装好的微信开发者工具.exe软件

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第16张

13:打开微信扫码登陆微信小程序账号。

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第17张


14:选择+新建

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第18张

15:名称填一下,目录选择刚才修改过的小程序源码根目录,appid在哪里就不用说了吧。

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第19张

16:如果打开界面如下左边样式,及代表操作正确。

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第20张


17:,如没有可以尝试清除缓存

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第21张

18:或者查看request合法域名是否添加正确,如没有请看前面的步骤11。

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第22张

19:一切都完成后就可以上传到微信开放平台审核上线了。

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第23张

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第24张

20:前往微信公众平台小程序的 版本管理-开发版本-提交审核-等待审核通过即可在微信搜索到上线的微信小程序。Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第25张

Zblog如何使用PHP插件搭建微信小程序-从0到100完整教程 第26张



教程到此结束,不知道你学会了没??

微信搜索:麻木博客  公众号期待你的加入!

编辑:麻木

打赏 支付宝打赏 微信打赏
本文地址:https://www.mamublog.cn/post/37.html
版权声明:本文为原创文章,版权归 麻木 所有,欢迎分享本文,转载请保留出处!

站点广告专区

发表评论


表情

评论列表

  1. 访客
    访客  @回复

    face_13 face_28

  2. 林总
    林总  @回复

    不错哦,加油哈哈

  3. 访客2
    访客2  @回复

    加油哦

  4. 林宗泽
    林宗泽  @回复

    学到了。不错哦