盲盒商城源码开源完整版附搭建教程UNIAPP·HashMart

这篇具有很好参考价值的文章主要介绍了盲盒商城源码开源完整版附搭建教程UNIAPP·HashMart。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、环境准备

推荐您使用宝塔搭建本系统,本系统也以宝塔为例演示如何搭建,其他环境,请根据您的实际情况自行安装。

码云仓库地址:HashMart开源盲盒: 基于ThinkPHP6 + VUE + UNIAPP 的高性能面向生产的公平盲盒系统,可多端运行 APP、小程序、H5。代码简洁、美观,文档完善,便于二次开发。

宝塔环境的安装,请参考 宝塔面板下载,免费全能的服务器运维软件

软件环境

服务器环境推荐使用 linux centos,版本任意。软件环境

软件 版本
PHP 7.2+
MySQL 5.7
Nginx 1.22.1(比较新的版本即可)

PHP扩展需要安装的有:fileinforedis

盲盒小程序源码,uni-app

域名

下面是示例

域名 用途
demo.hashmart.com.cn 程序后台访问和接口层访问

解析域名指向需要安装的服务器

前端环境准备
开发工具 HBuilder X 3.7.6 -alpha 微信开发者工具
前端 node版本 v14.15.0

2、安装后台程序

1、访问码云(gitee)下载程序源码 HashMart开源盲盒: 基于ThinkPHP6 + VUE + UNIAPP 的高性能面向生产的公平盲盒系统,可多端运行 APP、小程序、H5。代码简洁、美观,文档完善,便于二次开发。

盲盒小程序源码,uni-app

下载好源码解压好,备用
2、下面介绍一下每个目录的用途

目录 用途
api 整个系统的接口层源码
screenshoot readme数据的静态截图文件(与系统无关)
web/admin web下的admin目录是放的管理端后台的vue源码
web/uniapp web下的uniapp目录是放的移动端前端的uniapp源码
3、打开宝塔新建网站,输入域名 `demo.hashmart.com.cn`(示例域名,您的根据实际情况来)

盲盒小程序源码,uni-app


4、上传源码包中的api 目录中的内容到 /www/wwwroot/demo.hashmart.com.cn 下

5、打开浏览器访问 demo.hashmart.com.cn,进入安装页面

同意协议进入下一步
6、系统检测扩展环境以及目录读写权限,没问题点击下一步

7、填写对应的数据库账号信息、管理员密码,点击下一步

8、等待数据库的安装

9、安装成功

建议您安装完成后,删除 app/install 目录,防止被别人重复安装。

10、点击访问后台、输入刚才自己录入的 管理员密码,比如上例我们填写的 admin123
 

盲盒小程序源码,uni-app

为了方便搭建的使用,本系统已经把 admin管理后台的源码编译好后放在了 api 目录的 public下的 backend下。如果你想自己修改编译后台,可以参考 常见问题 >> 如何自己编译后台

配置定时任务

定时任务主要是处理一些超时未支付的订单

软件中心搜索supervisor,并安装

盲盒小程序源码,uni-app


点击配置

宝塔安装 守护进程管理器, 新建定时任务,目录选择 后台程序 所在目录,命令输入

php think crontab start

盲盒小程序源码,uni-app


录入定时任务

录入如下的2条规则

规则名 命令 时间
盲盒订单超时检测 php think blindboxOrder 每隔N分钟 -- 10分
余额充值订单超时检测 php think balanceOrder 每隔N分钟 -- 10分钟

盲盒小程序源码,uni-app

3、编译小程序

1、使用hbuilderx 打开刚才下载的源码目录下的uniapp文件夹,或者进入文件夹直接拖动文件夹到hbuilderx
目录地址 源码>web>uniapp

盲盒小程序源码,uni-app


2、 打开编辑器终端,输入命令行代码 npm i,输入后按回车键,终端开始下载项目所需依赖包

3、进行相应的配置, 打开目录下的manifest.json 文件 ,找到微信小程序配置,在微信小程序AppID内输入自己真实的微信小程序AppID

4、若找不到自己的微信小程序AppID,打开浏览器,输入“微信公众平台”,进入官网,登录,找到‘开发>开发管理’,点击 ‘开发设置’ ,下方显示AppID ,复制粘贴。

5、请求接口地址修改 打开此文件修改为自己的请求接口地址, "apiroot" 是接口请求地址 “imgroot” 为静态图片地址

6、运行到微信小程序,运行前将目录下的 uniCloud 文件夹删除 (注意:备份一下这个文件,运行app时要用到)

7、选中项目,点击上方'' 运行>运行到小程序模拟器>微信开发者工具

8、运行成功,可选择不登录,点击红色框内按钮进入首页


9、微信一键登录,点击右上角详情,修改appid(修改为自己的微信小程序appid,若不知道看第4步),

此处若不填写或者填写不正确的appid 直接登录会报错。填写正确的appid即可登录

10、发行小程序,编译完自己想要增加或者修改的页面后,保存文件,点击  发行>小程序-微信,在弹框内填写相应的信息,小程序名称填自己的小程序名称,AppId同第三条


11、信息填写完毕,点击“发行”,终端控制台执行编译发行,编译成功后会自动打开微信开发者工具,


12、在弹出的微信开发者工具中,点击“详情>本地设置>调试基础库”,选择版本(注意不要选择“灰度中”的版本号),然后点击“上传”,填写版本号,再点击上传即可上传体验版本


13、若需要上传正式版小程序,登录微信公众平台,提交审核即可

4、编译app

1、将我们在小程序删除并备份的  uniCloud 文件夹放在项目的根目录下

盲盒小程序源码,uni-app


2、打开 目录下的 ‘manifest.json’ 文件,点击“基础配置”,填写自己的 uni-app 应用标识,以及应用名称

3、点击 “app图标配置”,配置自己的app图标,点击“浏览”,选择自己要设置的app图标,然后点击自动生成所有图标并替换即可

4、打开 unCloud>cloudfunctions>getPhoneNumberHash>index.js 配置相关信息,可从后台获取相应信息或者此文件内直接填写相应的值

5、若4内相应参数在后台获取,则登录安装好的后台系统,点击菜单 ‘系统>uniapp配置’ 填写自己的uniapp 的相应参数

6、云函数url化,打开unicloud后台(uniCloud控制台),登录uniapp管理员账号

7、找到相应的app,然后点击“详情”进入此app的详情内容,在左侧菜单找到 “云函数/云对象>函数/对象列表”,在右侧云函数列表找到相应的云函数


点击“详情”进入云函数详情页,在最下方找到云函数地址复制粘贴到后台uniapp配置内的云函数url化

8、unicloud 云函数关联云空间,右键项目下的 unicloud文件

9、弹框内选择自己的云空间,然后点击“关联”即可

关联成功

10、运行app,选中项目,然后点击运行>运行到手机或模拟器>运行到android app 基座

此时需要一台安卓手机并打开开发者模式,数据线连接电脑和手机,保证手机跟电脑处于同一局域网下
点击勾选基座,运行

11、运行过程中终端状态

12、运行成功会在手机上自动安装一个调试基座app,并打开

13、打包发行前配置,打开目录下的 ‘manifest.json’ 文件,填写相应参数,(注意:后续升级时所填写应用版本名称要大于上一次设置的值)

14、发行app,选中项目,点击上方“发行>原生App-云打包”

15、在弹出的云打包弹框内填写相应的信息,然后点击下方“打包按钮”

16、弹框打包校验,点击继续打包

17、打包时终端状态,打包时间有时会稍长,请略微等待

打包成功状态

18、点击链接下载安装包,传到手机上即可安装下载
19、登录 uni-admin后台,找到“系统管理>app升级中心”,选择对应的app,点击发布新版,选择原生app安装包

进入详情,更新标题及更新内容自行填写,版本号填写与13条内相同的应用版本名称,选择文件 选择刚才下载的安装包,强制更新打开则表示上线发行后,再次进入此app则必须更新下载新版本才可继续使用,上线发行打开则表示点击发布后立即替换为最新的版本。所有信息配置好后点击发布即可

5、基础配置

请务必配置好如下的项目,否则系统无法正常运行。

1、配置存储引擎

盲盒小程序源码,uni-app

如果您不想配置这些账号,可以点击本地存储

2、配置支付参数

盲盒小程序源码,uni-app

如果没有配置支付参数,则系统无法完成支付

3、小程序配置

盲盒小程序源码,uni-app

4、短信配置

盲盒小程序源码,uni-app

5、物流查询配置

盲盒小程序源码,uni-app

6、uniapp配置

盲盒小程序源码,uni-app

此配置用于app端一键登录,如果您没有app,可以不配置此项目文章来源地址https://www.toymoban.com/news/detail-672386.html

到了这里,关于盲盒商城源码开源完整版附搭建教程UNIAPP·HashMart的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端uniapp开源盲盒源码(H5+小程序+app)

    Z世代是当今最具影响力的消费群体,盲盒商城源码致力于满足他们的期望,提供与他们的个性一样独特的体验。这一代人对自己的爱好充满热情,并创建了以他们为基础的社区。因此未来,只有那些能够创造惊喜,吸引更多核心人群的品牌,才能蓬勃发展。盲盒机是盲盒商城

    2024年04月12日
    浏览(45)
  • 2023年最新版潮乎盲盒源码含搭建教程

    后台开发语言:后端 Laravel 框架开发 前端开发框架:uniapp+vue 环境配置: php7.4 + mysql5.6+ + nginx1.22+  + redis(建议宝塔面板或 lnmp) 源码获取请自行百度:一生相随博客 一生相随博客致力于分享全网优质资源,包括网站源码、游戏源码、主题模板、插件、电脑软件、手机软件、

    2024年02月06日
    浏览(38)
  • 2023最新盲盒H5商城系统小程序源码+支持抽奖功能/VUE内核开发

      VUE源码/盲盒商城系统/盲盒H5小程序/盲盒抽奖源码,这段时间比较忙,就不做详细测试了,自行研究,这个跟上次发的类似,不过这个是带VUE的版本。 wwxths.lanzouh.com/ir6ZB0kqhwbc

    2024年02月14日
    浏览(28)
  • 完全开源的商城源码thinkphp5后台+uniapp+多商家入驻+支持H5小程序APP且支持二次开发

    首先大家在搭建多商户商城小程序之前要做好市场调研,在对市场定位有了充分认识和了解之后才能够明确我们多商户商城小程序的定位方向。像是对于商城网店的市场行情做充分的了解,清楚消费者的具体需求,当前社会的流行趋势等都对于日后打造成功的多商户商城小程

    2024年02月04日
    浏览(33)
  • 微信小程序分销商城源码系统 带完整搭建教程

         大家好啊,今天要来给大家分享的这款源码系统可就厉害啦。相比传统的独立开发一套电商系统,使用微信小程序分销商城源码可以节省大量时间和成本,而微信作为中国最大的社交媒体平台,拥有庞大的用户基础。通过微信小程序分销商城源码,商家可以快速将商品

    2024年01月19日
    浏览(36)
  • 多合一小程序商城系统源码:支持全平台端口 附带完整的搭建教程

    现如今,随着移动互联网的飞速发展,小程序已经成为电商行业的新宠。罗峰给大家分享一款多合一小程序商城系统源码。该系统旨在为商家提供一个功能强大、易于搭建和管理的电商平台,帮助商家快速占领市场,提高品牌影响力。 以下是部分代码示例: 系统特色功能一

    2024年02月01日
    浏览(33)
  • 微信小程序盲盒系统源码 带教程

    简介: 比较不错的一款盲盒小程序源码,ui也十分漂亮 盲盒小程序教程 服务器安装宝塔面板 设置好站 数据库 设置好SSL证书 上传微擎框架 框架安装好 上传小程序后台 /addons 这个目录是放置后台应用的目录 应用安装好之后设置小程序 添加好后配置小程序服务器地址 配置好

    2024年02月12日
    浏览(40)
  • uniapp短剧小剧场剧集收费短剧小程序H5开源源码【全套源码+详细教程】

    目前的短剧就好比10年前的小说,正处于时代的红利期( (短剧平台系统)包含: 1,内容展现(短剧视频采用主流展现形式付费、免费、任务等方式解锁自由配置,) 2,用户运营(用户签到、会员管理、精准画像等多种运营,提高用户活跃度) 3,营销推广(裂变式营销功

    2024年02月13日
    浏览(29)
  • 开源知识付费小程序源码(PC+H5+uniapp系统源码)带数据教程四合一

    什么是知识付费源码系统? 知识管理系统是记录、共享和应用组织知识的过程。知识管理系统(KMS),也称为知识库,是促进知识管理和改善组织内知识流动的任何工具。 源码:paywks.top/zs 1、帮助组织实时创建信息并与员工共享信息,以更好地处理客户。 2、有效地让新员工入

    2024年02月07日
    浏览(32)
  • 开源自助建站系统源码完整源码+搭建教程 傻瓜式一键建站系统源码

    一键傻瓜式自助建站系统源码,目前包含七百多套完整网站模板,全部都是响应式网站模板,傻瓜一键自助建站。开发组合PHP+mysql,功能强大。  一键自助建站系统源码带安装教程,源码下载:春哥技术博客获取。自助建站傻瓜式建站源码系统。

    2024年02月11日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包