萤火商城小程序V2.1.2独立开源版 + uniapp开源前端安装部署前端编译教程

萤火商城V2.0,是全新推出的一款轻量级、高性能、前后端分离的电商系统,支持微信小程序 + H5+ 公众号 + APP,播播资源检查后前后端源码完全开源,看见及所得,完美支持二次开发,可学习可商用,让您快速搭建个性化独立商城。优点全开源,提供单独的uniapp前端可生成小程序或者百度、抖音、快手、APP等前端。同时提供商家后台store开源端。

--------------------------------------

安装测试环境:Nginx 1.20+PHP7.4+MySQL 5.7

一、自动安装(推荐)

1. 将后端源码上传至服务器站点,并且将站点运行目录设置为/public

2. 在浏览器中输入站点域名 + /install,例如:https://www.ttbobo.com/install

3. 根据页面提示,自动完成安装即可

二、手动安装(不推荐)

1. 将后端源码上传至服务器站点,并且将站点运行目录设置为/public

2. 创建一个数据库,导入数据库文件,路径:/public/install/data/install.sql

3. 修改数据库连接文件,将数据库用户名密码等信息填写完整,路径/.env

后台地址

- 超管后台:https://www.你的域名.com/admin

- 商户后台:https://www.你的域名.com/store

默认的账户密码:admin yinghuo

---------------------------------------------------------------------------

如何编译uni-app端开源版

一、导入uniapp项目

1. 首先下载HBuilderX并安装,地址:https://www.dcloud.io/hbuilderx.html

2. 打开HBuilderX -> 顶部菜单栏 -> 文件 -> 导入 -> 从本地目录导入 -> 选择uniapp端项目目录

3. 找到config.js文件,找到里面的apiUrl项,填入已搭建的后端url地址

4. 打开manifest.json文件,选择微信小程序配置,填写小程序的appid

二、本地调试

 

1. 打开HBuilderX -> 顶部菜单栏 -> 运行 -> 运行到浏览器 -> Chrome

2. 如果请求后端api时 提示跨域错误,可安装Chrome插件:【Allow CORS: Access-Control-Allow-Origin】

 

三、打包发行(H5)

 

1. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 网站H5-手机版

2. 打包后的文件路径:/unpackage/dist/build/h5

3. 将打包完成的所有文件 复制到商城后端/pulic目录下,全部替换

 

四、打包发行(微信小程序)

 

1. 下载微信开发者工具并安装,地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 小程序-微信

3. 打包后的文件路径:/unpackage/dist/build/mp-weixin

5. 打开微信开发者工具 导入 打包完成的项目

6. 检查没有运行错误,在右上方上传小程序

 

---------------------------------------------------------------------------

如何编译萤火商城V2.0-store端

-环境和依赖条件

node — v18.16.0

npm — v9.6.5

yarn — v1.22.19

项目运行和发布

- 修改配置文件

1. 打开文件:/public/config.js

2. 修改服务端API信息

- 安装依赖

yarn config set ignore-engines true

yarn install

- 开发模式运行

yarn serve

- 编译项目

yarn build

- 发布项目

将编译完成的所有文件,复制替换到商城后端项目的/public/store目录下

 整个编译过程未出现错误

小程序端配置文件位置 

 

以上为播播资源提供有萤火商城小程序V2.1.2开源版 + uniapp开源前端 +store商家开源后端源码下载后安装部署及编译教程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值