首页
/ 【2025餐饮革命】30分钟上线你的微信点餐系统:bee开源全流程指南

【2025餐饮革命】30分钟上线你的微信点餐系统:bee开源全流程指南

2026-02-04 04:09:19作者:胡唯隽

你还在为餐饮小程序开发成本高、周期长而烦恼?还在忍受第三方平台20%的抽成剥削?本文将带你从零开始,用30分钟部署一套完全属于自己的微信点餐系统——基于gooking2/bee开源项目,包含在线点餐、外卖配送、叫号排队、支付核销全功能,今天就能免费上线!

读完本文你将获得:

  • 一套完整的餐饮小程序源代码(价值¥19800)
  • 本地化部署的6个核心步骤(含避坑指南)
  • 3个提高客单价的功能配置技巧
  • 常见问题速查表(节省80%调试时间)

项目概述:为什么选择bee点餐系统?

bee是一套专为餐饮行业设计的微信小程序(Mini Program)全栈解决方案,采用MIT开源协议,支持自提/外卖双模式,已帮助全国2000+餐饮商户节省年均15万平台抽成费用。

核心功能矩阵

功能模块 商业价值 技术亮点
扫码点餐 减少服务员50%工作量 桌号动态绑定技术
外卖配送 拓展3公里客源 达达配送API集成
叫号排队 提升翻台率30% 实时WebSocket通信
会员积分 复购率提升25% Redis分布式缓存
多门店管理 连锁品牌适用 租户隔离架构设计

技术架构概览

flowchart TD
    A[微信客户端] -->|wx.request| B[小程序API层]
    B --> C{业务逻辑层}
    C --> D[用户模块]
    C --> E[订单模块]
    C --> F[支付模块]
    C --> G[商品模块]
    D --> H[(MySQL)]
    E --> H
    F --> I[微信支付接口]
    G --> H
    C --> J[Redis缓存]

部署准备:3分钟环境检测清单

在开始部署前,请确保你的开发环境满足以下要求:

硬件要求

  • 服务器:2核4G内存(最低),推荐阿里云ECS或腾讯云CVM
  • 数据库:MySQL 5.7+(需开启binlog)
  • 网络:公网IP,开放80/443端口

软件工具

  • 微信开发者工具(WeChat DevTools)v1.05+
  • Node.js v14.x(含npm包管理器)
  • Git客户端(版本控制工具)

⚠️ 重要提示:个人主体小程序无法上线支付功能,需提前准备「个体工商户」或「企业」资质的微信公众平台账号。

部署步骤:6步极速上线

1. 获取源代码(2分钟)

通过Git命令克隆项目仓库到本地开发目录:

git clone https://gitcode.com/gooking2/bee.git
cd bee
# 查看项目结构确认克隆成功
ls -la

项目核心目录说明:

bee/
├── app.js              # 小程序入口文件
├── config.js           # 配置中心(关键)
├── pages/              # 页面目录(含43个功能页面)
├── components/         # 自定义组件(支付/解析器等)
├── miniprogram_npm/    # 第三方依赖(vantUI等)
└── utils/              # 工具函数库

2. 配置开发环境(5分钟)

使用Visual Studio Code打开项目,修改核心配置文件config.js

// 原始配置
const subDomain = 'demo'; // 默认演示域名

// 修改为你的专属域名(从api工厂后台获取)
const subDomain = '你的专属域名'; 

// 保存后检查配置正确性
console.log('配置完成,当前域名:', subDomain);

🔍 如何获取专属域名?

  1. 访问api工厂后台(https://admin.s2m.cc)注册账号
  2. 左侧菜单「工厂设置」→「数据克隆」
  3. 输入商户ID:27,点击「立即克隆」获取演示数据

3. 配置小程序后台(8分钟)

登录微信公众平台(https://mp.weixin.qq.com)完成以下设置:

步骤1:填写开发设置

sequenceDiagram
    participant 开发者
    participant 微信后台
    开发者->>微信后台: 进入「开发」→「开发设置」
    开发者->>微信后台: 记录AppID(小程序ID)
    开发者->>微信后台: 设置服务器域名:
    Note over 开发者,微信后台: request合法域名: https://你的域名.s2m.cc
    Note over 开发者,微信后台: uploadFile合法域名: https://你的域名.s2m.cc

步骤2:配置支付权限

  1. 进入「微信支付」→「商户号管理」绑定已认证的商户号
  2. 下载支付证书并保存到utils/cert/目录
  3. 在api工厂后台配置支付参数(商户ID、API密钥)

4. 安装依赖与构建(3分钟)

在项目根目录执行以下命令安装依赖:

# 安装npm依赖
npm install

# 构建项目(如使用TypeScript需执行)
npm run build

# 检查依赖安装情况
npm list @vant/weapp # 应显示v1.10.1+版本

⚠️ 常见问题:如遇node-sass安装失败,执行:

npm install node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

5. 导入开发者工具(5分钟)

启动微信开发者工具,按以下步骤操作:

  1. 点击「导入项目」,选择克隆的bee目录
  2. 填写步骤3获取的AppID(不要使用测试号
  3. 勾选「不校验合法域名」(开发环境)
  4. 点击「导入」按钮等待加载完成

项目加载成功后,你将看到完整的点餐界面:

pie
    title 首页功能模块占比
    "轮播Banner" : 25
    "菜品分类" : 30
    "优惠活动" : 15
    "快捷功能" : 30

6. 功能测试与发布(7分钟)

核心流程测试清单

  • [ ] 用户授权登录(获取OpenID)
  • [ ] 菜品浏览与加购
  • [ ] 下单支付流程(使用微信支付测试账户)
  • [ ] 订单状态同步(支付→接单→完成)
  • [ ] 桌号核销功能(店员端测试)

发布上线步骤

  1. 在开发者工具中点击「上传」按钮
  2. 填写版本号(如v1.0.0)和更新日志
  3. 登录微信公众平台,进入「版本管理」
  4. 将「开发版」提交审核
  5. 审核通过后发布为「正式版」

高级配置:3个必学盈利技巧

1. 会员积分体系配置

通过后台「系统设置」→「积分规则」配置:

// utils/pay.js 中积分计算逻辑
calculatePoints: function(amount) {
  // 消费1元获得1积分,周末双倍
  const isWeekend = new Date().getDay() % 6 === 0;
  return Math.floor(amount) * (isWeekend ? 2 : 1);
}

2. 多门店商品隔离

实现不同门店展示不同菜品:

  1. 后台添加「系统参数」:shop_goods_split(开关类型)
  2. 开启后在「商品管理」中为菜品分配门店
  3. 前端自动根据当前定位显示对应门店商品

3. 营销活动配置

配置限时折扣活动提升客单价:

// pages/goods-details/index.json
{
  "promotion": {
    "type": "limited_time",
    "startTime": "2025-09-15T10:00:00",
    "endTime": "2025-09-15T14:00:00",
    "discount": 0.8,
    "minQuantity": 2
  }
}

常见问题速查表

问题现象 可能原因 解决方案
无法获取用户信息 appID不匹配 检查3处appID是否一致
支付提示"商户未配置" 支付参数错误 重新配置微信支付商户号
商品图片不显示 域名未备案 检查服务器域名备案状态
订单状态不同步 缓存未更新 执行Redis缓存清理命令
多语言切换失效 i18n配置错误 检查/i18n目录语言文件

💡 调试技巧:在app.js中开启调试模式:

const DEBUG = true; // 开发环境设为true

功能扩展路线图

bee项目仍在持续迭代,未来将支持:

timeline
    title 2025年功能规划
    第一季度 : 智能推荐系统
    第二季度 : 外卖聚合配送
    第三季度 : AI客服集成
    第四季度 : 多端统一管理后台

总结与行动指南

通过本文档,你已掌握bee点餐系统的完整部署流程。现在,立即行动:

  1. 克隆项目仓库开始部署(30分钟内可完成)
  2. 重点测试支付流程和订单核销功能
  3. 配置会员积分体系提升复购率
  4. 加入官方交流群获取技术支持(群号在项目README中)

📌 特别提醒:项目源码完全开源,但商业使用请保留版权信息。如需要定制开发,可联系官方团队获取企业级解决方案。

祝你的餐饮生意兴隆,通过技术手段降低成本、提升效率!

登录后查看全文
热门项目推荐
相关项目推荐