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

原创 麻木  2019-06-28 17:14:47  阅读 4193 次 评论 18 条
摘要:

插件来源:橙色阳光

下载地址: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://mamublog.cn/post/37.html
版权声明:本文为原创文章,版权归 mamublog 所有,欢迎分享本文,转载请保留出处!

推荐文章

发表评论


表情

评论列表

  1. 输入QQ号自动获取昵称及邮箱等
    输入QQ号自动获取昵称及邮箱等  @回复

    哈哈哈哈哈哈

  2. 输入Q5555Q号自动获取昵称及邮箱等
    输入Q5555Q号自动获取昵称及邮箱等  @回复

    哩哩啦啦

  3. 好的呢
    好的呢  @回复

    不错的,

  4. 奶糖~
    奶糖~  @回复

    学习学习

  5. 服装
    服装  @回复

    厉害

  6. 小满
    小满  @回复

    学习了,文章不错

  7. 于闻观纸
    于闻观纸  @回复

    大佬的教程很详细,已经完成微信小程序发布~!

  8. 输入QQ号自动获取昵称及邮箱等
    输入QQ号自动获取昵称及邮箱等  @回复

    想通过 iframe 套用视频链接播放,但是在小程序里面不显示,在网页能正常显示播放

  9. 输入QQ号自动获取昵称及邮箱等
    输入QQ号自动获取昵称及邮箱等  @回复

    你好,这个小程序怎么添加腾讯视频呢

  10. 输入QQ号自动获取昵称及邮箱等
    输入QQ号自动获取昵称及邮箱等  @回复

    每次面对v的时刻vv

  11. 合伙人的吗
    合伙人的吗  @回复

    墨绿色的v了vc

  12. third_qq_3e8293378fc96f85
    third_qq_3e8293378fc96f85  @回复

    弄了,小程序报错,正在尝试中

  13. 林宗泽
    林宗泽  @回复

    学到了。不错哦

  14. 访客2
    访客2  @回复

    加油哦

  15. 林总
    林总  @回复

    不错哦,加油哈哈

  16. 访客
    访客  @回复

    face_13 face_28