H5通霸云盲盒商城系统安装使用教程

自助开通VIP,整站资源任意下载

特别声明:注册会员根据级别享有相关下载优惠,请仔细辨别。所有资源均收集于互联网仅供学习、参考和研究,请理解这个概念,所以不能保证每个细节都符合你的需求,也可能存在未知的BUG与瑕疵, 你下载的资源和程序源码组件因其特殊性均为可复制品,所以不支持任何理由的退款兑现,请认真阅读本站声明和相关条款后再点击支付下载。

盲盒商城系统,安装使用教程

这是一个般砖教程,对应用资源地址:H5通霸云正版授权盲盒商城系统源码,很不错的一款云盲盒商城系统

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第1张,盲盒商城系统,安装使用教程,第1张

(图:H5通霸云盲盒商城)

1.后台使用教程

  • 环境

php7.1以上,建议宝塔Nginx,php管理那里删除掉

禁用函数:putenv  安装Redis扩展,然后重启php服务!

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第2张,盲盒商城系统,安装使用教程,第2张H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第3张,盲盒商城系统,安装使用教程,第3张

  • 创建网站

解压manghe-api.rar上传源码到目录,设置运行目录H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第4张,盲盒商城系统,安装使用教程,第4张

  • 设置ssl证书

宝塔和阿里云都有免费的ssl证书

设置伪静态:伪静态设置为thinkphp(不配置伪静态会h5页面没有数据)

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第5张,盲盒商城系统,安装使用教程,第5张

  • 配置数据库sql

文件导入数据库  修改数据库连接信息文件.env

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第6张,盲盒商城系统,安装使用教程,第6张

  • 访问后台地址

网址/123.php 用户admin 密码123456

前端访问网址:网址/h5/

2.前端配置方式

  • 前端打包配置

1.下载hbuilder软件,导入解压好的manghe-ui文件夹

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第7张,盲盒商城系统,安装使用教程,第7张

2.搜索潮玩盲盒改成你的网站名称

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第8张,盲盒商城系统,安装使用教程,第8张

3.修改manifest.json

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第9张,盲盒商城系统,安装使用教程,第9张

4.修改main.js网址

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第10张,盲盒商城系统,安装使用教程,第10张

5.重新获取appid

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第11张,盲盒商城系统,安装使用教程,第11张

6.然后发行至PC或H5

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第12张,盲盒商城系统,安装使用教程,第12张

7.将H5里面的文件上传网站/public/H5/目录进行替换

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第13张,盲盒商城系统,安装使用教程,第13张

8.如果上传h5网络连接错误,请注意这里是否是https   (不要设置你的网址,只看是否https)

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第14张,盲盒商城系统,安装使用教程,第14张

9.后台默认地址:网址/123.php 用户admin 密码123456

  • 短信对接

本套源码短信接口已对接短信宝 可直接在后台 插件管理里面配置短信宝接口。短信宝注册地址;

马上使用更好的短信服务-短信宝官网 (smsbao.com)

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第15张,盲盒商城系统,安装使用教程,第15张

短信宝获取密码key

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第16张,盲盒商城系统,安装使用教程,第16张

发信一直收到去添加免费报备VIP通道模板

【通霸云潮玩盲盒】你的短信验证码是:{code}在1分钟内有效

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第17张,盲盒商城系统,安装使用教程,第17张

阿里云短信接口已取消默认。现在默认的是短信宝接口。

想用阿里云接口的,自己去改。

阿里云短信在文件夹/addons/alisms和/application/common/library/sms.php

Alisms($accessKeyId,$accessKeySecret)对应的ID和KEY,sms_是短信模板,阿里云上模板内容:你的短信验证码是:${code},

网页代码上是:你的短信验证码是:{$code},注意区分

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第18张,盲盒商城系统,安装使用教程,第18张

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第19张,盲盒商城系统,安装使用教程,第19张

  • 易支付对接+码支付对接

第三方支付接口:/addons/epay/  对接易支付和码支付 只要是SAF 易支付系统平台的都可以对接 百度:易支付 或者码支付,如果对接倌方尽量自行搭建一个易支付,然后对接自己的!

推荐自营平台 PS:只有我这边购买的才可以使用

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第21张,盲盒商城系统,安装使用教程,第20张

有合适的可以联系我添加!!!

以下界面的支付平台都支持,选择一个靠谱的,先联系人家客服能不能用

可以就申请账号对接商户号和秘钥填到

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第22张,盲盒商城系统,安装使用教程,第21张

注意:源码h5里面默认只开启支付宝付款按钮,需要你用HB软件修改一下将微信付款按钮弄出来:

去掉那两个注释符号,然后保存编译,发行导出,上传h5目录替换

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第23张,盲盒商城系统,安装使用教程,第22张

微信支付宝倌方支付在/addons/epay/config.php(有开发能力的弄,不建议,有封的风险)

  • 微信登录配置教程

微信登录在/application/common/controller/   需要认证服务号

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第24张,盲盒商城系统,安装使用教程,第23张

另外数据库也是需要更换

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第25张,盲盒商城系统,安装使用教程,第24张

如果想要关闭微信登录,在HB软件里面如图添加注释代码,编译替换h5

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第26张,盲盒商城系统,安装使用教程,第25张

设置调出插件管理菜单:

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第27张,盲盒商城系统,安装使用教程,第26张

  • 图库阿里云OSS配置

晒图以及后台的图片(上传失败和没有配置七牛云时)阿里云oss配置 /application/admin/controller/Ajax.php

视频教程:

通霸云盲盒商城对接阿里云存储教程_哔哩哔哩_bilibili

通霸云盲盒商城对接阿里云存储教程

https://www.bilibili.com/video/BV1644y1n7Zy

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第28张,盲盒商城系统,安装使用教程,第27张

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第29张,盲盒商城系统,安装使用教程,第28张

  • 更换背景推广图教程+路径

你的网址加/h5/pagesA/static/bj.jpg

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第30张,盲盒商城系统,安装使用教程,第29张

  • 盲盒商品抽奖概率设置

路径是打开盲盒管理---查看商品---编辑---概率(%)

H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第31张,盲盒商城系统,安装使用教程,第30张

  • 落地域名---(4.0炮灰域名设置)

  • 必看的理解偏差

    H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第32张,盲盒商城系统,安装使用教程,第31张

    扣量(是扣代理的利润)尽量设置默认的为6,否则可能开盒支付失败的报错!

    H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第33张,盲盒商城系统,安装使用教程,第32张

    • 盲盒商城晒图无法上传问题

    sql-mode="STRICT_TRANS_TABLESNO_ENGINE_SUBSTITUTION"

    找到sql-mode 就好,然后将这个复制一次,注释上,将它改成

    sql-mode=NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

    H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第34张,盲盒商城系统,安装使用教程,第33张

    3.注意事项

    VUE的H5项目是存在缓存的,会出现H5界面没有及时更新

    h5项目(特别是vue)缓存严重的解决方案,配合nginx

    宝塔管理nginx上设置

    默认情况下使用nginx作为h5静态资源的服务器时,这些资源在浏览器端是会有缓存的,特别是微信浏览器中,缓存非常严重。

    所以项目开始部署阶段就需要配置好nginx禁止这些资源的缓存,nginx需要做如下配置:

    H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第35张,盲盒商城系统,安装使用教程,第34张

    代码:
    location / {
        root   html;
        index  index.html;
        add_header Cache-Control no-cache;
    }

    如上配置之后,每次发布只要文件经过修改了(无视文件名),那么都会从服务端拉取最新的资源,保证项目及时更正!


    4.一些细节搭建解决方案

    4.0教程使用问题

    微信登录接口使用教程:内置通霸云倌方的登录 需要客户发送服务器ip 我需要添加过白域名

    一般接口不用在动了,内置好的,如果出现问题联系我远程向日葵使用!

    H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第36张,盲盒商城系统,安装使用教程,第35张

    3.非必要修改:

    如果要修改至尊,稀有,普通,在前端代码修改:(这个百分百仅为展示作用,具体以商品概率为准)

    H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第37张,盲盒商城系统,安装使用教程,第36张

    后端修改:

    H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第38张,盲盒商城系统,安装使用教程,第37张

    这个页面有两处:

    H5通霸云盲盒商城系统安装使用教程,H5通霸云盲盒商城系统安装使用教程  第39张,盲盒商城系统,安装使用教程,第38张

    本教程会持续更新发布的,谢谢观看。

    本站源码仅做学术研究,自娱自乐使用,不得用于赌博性质的非法商业用途!转载请说明出处!内容投诉
    招财猫源码网 » H5通霸云盲盒商城系统安装使用教程

    发表评论

    欢迎 访客 发表评论

    这里有你所需要的,找专业的人做专业的事!

    游戏演示 棋牌圈