添加到桌面

萤火商城小程序V2.1.2开源版 + uniapp开源前端 +store商家开源后端

本文阅读 4 分钟

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


安装测试环境:Nginx 1.20+PHP7.4+MySQL 5.7
一、自动安装(推荐

  1. 将后端源码上传至服务器站点,并且将站点运行目录设置为/public
  2. 在浏览器中输入站点域名 + /install,例如:https://www.你的域名.com/install
  3. 根据页面提示,自动完成安装即可
    二、手动安装(不推荐)
  4. 将后端源码上传至服务器站点,并且将站点运行目录设置为/public
  5. 创建一个数据库,导入数据库文件,路径:/public/install/data/install.sql
  6. 修改数据库连接文件,将数据库用户名密码等信息填写完整,路径/.env
    后台地址
  7. 超管后台:https://www.你的域名.com/admin
  8. 商户后台:https://www.你的域名.com/store

    默认的账户密码:admin yinghuo

    如何编译uni-app端开源版

    一、导入uniapp项目

  9. 首先下载HBuilderX并安装,地址:https://www.dcloud.io/hbuilderx.html
  10. 打开HBuilderX -> 顶部菜单栏 -> 文件 -> 导入 -> 从本地目录导入 -> 选择uniapp端项目目录
  11. 找到config.js文件,找到里面的apiUrl项,填入已搭建的后端url地址
  12. 打开manifest.json文件,选择微信小程序配置,填写小程序的appid

    二、本地调试

  13. 打开HBuilderX -> 顶部菜单栏 -> 运行 -> 运行到浏览器 -> Chrome
  14. 如果请求后端api时 提示跨域错误,可安装Chrome插件:【Allow CORS: Access-Control-Allow-Origin】

    三、打包发行(H5)

  15. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 网站H5-手机版
  16. 打包后的文件路径:/unpackage/dist/build/h5
  17. 将打包完成的所有文件 复制到商城后端/pulic目录下,全部替换

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

  18. 下载微信开发者工具并安装,地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
  19. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 小程序-微信
  20. 打包后的文件路径:/unpackage/dist/build/mp-weixin
  21. 打开微信开发者工具 导入 打包完成的项目
  22. 检查没有运行错误,在右上方上传小程序

如何编译萤火商城V2.0-store端
-环境和依赖条件
node — v18.16.0
npm — v9.6.5
yarn — v1.22.19
项目运行和发布

  • 修改配置文件
  • 打开文件:/public/config.js
  • 修改服务端API信息
  • 安装依赖
    yarn config set ignore-engines true
    yarn install
  • 开发模式运行
    yarn serve
  • 编译项目
    yarn build
  • 发布项目
    将编译完成的所有文件,复制替换到商城后端项目的/public/store目录下

演示

m8dyarjr.png

图片

1 (1).png
2 (1).png
3 (1).png
4 (1).png
5 (1).png
6 (1).png

此处内容已隐藏,回复后(需要填写邮箱)可见

本文来自投稿,不代表本站立场,如若转载,请注明出处:
Image
-- 展开阅读全文 --
全开源V3盲盒系统已经测试完美运行
« 上一篇 03-18
2025年聚合易支付官方最新完整版
下一篇 » 03-18

发表评论

V注册会员 L评论等级
R18 条回复
    1. 蓝天 :

      感谢分享!!!

    2. 谢谢分享!!

    3. key :

      阿加莎狄拉克

    4. 这个好啊。

    5. stay :

      阿加莎狄拉克

    6. j9ikol不能

    7. daemon :

      是的放松放松的方式都是说

    8. 谢谢分享!!

    9. ly3344 :

      6666666感谢楼主

    10. tomli :

      感谢站长分享

    11. 感谢站长分享

    12. dj808 :

      66666看看

    13. 元宝 :

      感谢分享!!!

    14. 感谢分享!!!

    15. 谢谢分享!!

    16. 感谢分享!!!

    没有更多评论了