关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

团啊盲盒抽奖系统H5盲盒系统安装使用教程

发布时间:2021-12-10 19:39:00

正版H5盲盒源码购买地址:https://item.taobao.com/item.htm?id=663001026311

团啊盲盒抽奖系统

没有服务器的可以在我们网站购买,香港云服务器27.5元每月!

https://www.gouagou.com/server/buy.html

对教程不懂的可以咨询QQ805189085(可以付费安装配置)

环境:php7.1以上,建议宝塔Nginx,php管理那里删除掉禁用函数putenv,安装Redis扩展,然后重启php服务

image.png

image.png

image.png

创建网站,解压manghe-api.rar上传源码到目录,设置运行目录:

1639136942_320661689.png

设置好https域名ssl证书,宝塔和阿里云都有免费的ssl证书

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

1639136996_144868068.png

将manghe_tuana_cn.sql文件导入数据库

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

1639137133_703628367.png

后台地址:网址/zgsht.php (或者admin.php可以目录里面重命名) 用户admin 密码123456  

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


前端配置方式 (如果配置不成功加QQ805189085咨询处理)

前端打包配置:

下载hbuilder软件,https://www.dcloud.io/

导入解压好的manghe-ui文件夹

1639137637_561640183.png

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

1639139246_2121627166.png

修改manifest.json

1639139424_485024682.png

修改main.js网址

image.png

重新获取appid

1639139622_859103073.png

然后发行至PC或H5

1639139649_1880276781.png

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

1639139720_953676532.png

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

1639330937_1211091016.png

后台:

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

短信接口配置:(如果你的短信宝不支持请购买正版H5盲盒源码购买地址:https://item.taobao.com/item.htm?id=663001026311

默认是短信宝接口/application/common/library/sms.php

短信宝注册申请地址: http://www.smsbao.com/reg?r=10853

个人实名认证后申请VIP报备 填自己的项目名称,模板:你的短信验证码是:{code}

申请后联系短信宝客服审核

1641484360_33603725.png

在后台配置短信宝即可:

1641484115_45394536.png

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

(使用时将短信宝接口“sms.php”重命名为”sms_短信宝.php”,将”sms_阿里云.php”重命名为”sms.php”)

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

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

1639158917_980936820.png

1639158854_720196239.png

1639214379_1227324307.png

第三方支付接口:/addons/eepay/  对接易支付和码支付 只要是易支付系统平台的都可以对接

百度:易支付 或者码支付 基本上都可以用,万能接口

这个码支付我测试过可以用http://s.webpay.cc/i/16295

以下界面的支付平台都支持,选择一个靠谱的,先联系人家客服能不能用,可以就申请账号对接

image.png

商户号和秘钥填到

1639320088_1636744107.png

下面这个支付配置页面有两个地方都要设置一样,第61行和134行

image.png

送一套易支付系统代码给你们使用(不是最新的,不能用的话你们去找找)

链接:https://pan.baidu.com/s/1YDQrMBL-eonQSJO6IFjKGg 

提取码:8z0i

安装后设置这个地方就可以对接微信和支付宝官方了image.png

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

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

1639332074_1574379768.png


微信登录在/application/common/controller/Wechat.php   需要认证服务号 备案域名

认证服务号上面要获取秘钥,设置IP白名单,js安全域名,网页域名授权这些

如果你的不支持微信登录说明不是最新的,请在上面淘宝店或官方其他平台店铺进行购买正版。

image.png

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

1639338324_745889705.png

设置调出插件管理菜单:

1639251542_1696973219.png

晒图以及后台的图片阿里云oss配置 /application/admin/controller/Ajax.php 要关闭插件那里七牛云那个按钮,否则不成功

1639163543_165107035.png

如果设置阿里云oss后晒图不显示,请注释这两个地方,如图:

image.png

如果首页获奖公告不显示图片,注释如下代码:

image.png

注意事项:

1.如果要配置CDN加速,/application/config.php 第273行设置false

不然后台会登录不上

image.png

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

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

宝塔管理nginx上设置


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

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

image.png

image.png

 

代码:

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

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

非必要修改:

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

image.png

image.png

后端修改:

image.png


这个页面有两处:

image.png

image.png



/template/Home/Zkeys/PC/Static