盲盒经济席卷了一场空前的商城盛宴，商城系统由之前的B2C、B2B到多玩法，多模式的系统，已经开辟了一条适合广大消费者消费，迎合广大消费者心理需求和时代发展的道路。从去年开始，一个全新的盲盒模式商城横空出世，得到了广大网友的欢迎。

而对于盲盒商城来讲，是适用于各类大中小型商家、企业的，也便于建立自己的私域流量圈，那么一套完整的盲盒代码是很有必要的。它不仅仅能满足基本的盲盒商城功能，而且必须要开源便于二次开发，要能实现如今必备的微信登录，在线支付付款和短信通知等功能。小编今天推荐的这套便是满足以上所有需求，而且带有微信公众号无限回调代码，也就是说如果你要搭建多套、多个盲盒商城，不用死板地按照一个公众号3个授权域名来使用。接下来给大家具体讲解本套源码的具体搭建流程。超详细的图文教程哦。

环境配置

php7.1以上，一定要linux cenost7安装宝塔Nginx，php管理那里删除掉禁用函数putenv，安装Redis扩展，然后重启php服务！

创建网站，上传后端压缩包源码到目录解压，设置运行目录，伪静态：伪静态设置为thinkphp（不配置伪静态会h5页面没有数据），将数据库.sql文件导入数据库，修改数据库连接信息文件.env。

 后台地址：网址/mhsc.php 用户admin 密码123456

注意盲盒3.0不要搞HTTPS证书了，有炮灰功能会冲突，要搞只能搞炮灰的https，二维码主站不要搞。

前端配置方式

前端打包配置：

下载hbuilder软件，https://www.dcloud.io/，导入解压好的前端文件夹，搜索盲盒商城改成你的网站名称，修改manifest.json、修改main.js网址，重新获取appid，然后发行至PC或H5将H5里面的文件上传网站/public/H5/目录进行替换。

后台设置

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

后台插件中心是后台FastAdmin开源框架自带的，不代表网站，大部分为半成品无对接，请勿自行购买安装。短信、支付、登录安装配置请参考下面教程为准。炮灰域名设置：在宝塔网站管理那里增加一个炮灰域名的绑定。

后台设置域名

把http://你的二维码主站.cn/h5/#/pages/index/redirect  这个链接在草料二维码平台上生成一个你的二维码，以后就用这个二维码发给用户或者代理，就会跳转到炮灰，二维码主站域名和网址不要发给别人，避免被封。如果炮灰被封了后只需要替换后台的炮灰域名，增加宝塔网站的炮灰绑定。

短信接口

短信宝注册申请地址: http://www.smsbao.com/

个人实名认证后申请VIP报备 填自己的项目名称，模板：你的短信验证码是：{code}，申请后联系短信宝客服审核。在后台配置短信宝：/addons/smsbao/Smsbao.php这里一定要修改成：你的短信验证码是：{$params['code']}

支付接口

第三方支付接口：/addons/eepay/  对接易支付和码支付 只要是易支付系统平台的都可以对接，百度：易支付 或者码支付 基本上都可以用，万能接口

这两个码支付我测试过可以用：龙腾码支付https://mzf.fateqqq.com/login?tg=20578  套餐便宜，但是要扣点 最低1%；码支付https://www.codepay.net/。选择一个靠谱的，先联系人家客服能不能用，可以就申请账号对接。 

自己通过易支付系统配置微信官方支付的，需要注意：

1、源码h5里面默认只开启支付宝付款按钮，需要你用HB软件修改一下将微信付款按钮弄出来：去掉那两个注释符号，然后保存编译，发行导出，上传h5目录替换。

2、微信无限回调登录在/application/common/controller/Wechat.php ，去淘宝或者闲鱼购买 无限回调，如果想要关闭微信登录，在HB软件里面如图添加注释代码，编译替换h5。

设置调出插件管理菜单

 阿里云oss配置地址 /application/admin/controller/Ajax.php 

本地上传和阿里云oss都要关闭插件那里七牛云那个按钮，否则不成功。

网站默认阿里云上传（使用本地上传接口时，先将”Ajax.php”重命名为”Ajax_阿里云.php”将“Ajax_本地.php”上传到/application/admin/controller/，重命名为”Ajax.php”，），Ajax_本地.php下载链接: https://pan.baidu.com/s/1lBZ94V6jUQD_Q6pwzxiwTw 提取码: a81u。

注意事项：

1.如果要配置CDN加速，/application/config.php 第273行设置false，不然后台会登录不上。

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

3、h5项目（特别是vue）缓存严重的解决方案，配合nginx，宝塔管理nginx上设置。

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

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

代码：

location / {

    root   html;

    index  index.html;

    add_header Cache-Control no-cache;

}

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

非必要修改

如果要修改至尊，稀有，普通，在前端代码修改，文档教程里会有图文介绍：（这个百分百仅为展示作用，具体以商品概率为准)。

现在目前盲盒程序用的是阿里云oss储存，为了不影响你的使用建议您更换成你自己的储存。

储存默认的是阿里云路径：application\admin\controller\Ajax.php。