☰
上线餐饮点餐外卖:bee 小程序点餐系统从克隆到首单的最短路径
2026/10/17 6:13:15 网站建设 项目流程

上线餐饮点餐外卖:bee 小程序点餐系统从克隆到首单的最短路径

【免费下载链接】bee微信小程序-餐饮点餐外卖-开箱即用项目地址: https://gitcode.com/GitHub_Trending/be/bee

门店午高峰排队,顾客等餐超过8分钟就开始流失。bee 小程序点餐是一套开箱即用的开源微信小程序餐饮系统,在线点餐、外卖配送、扫码点餐、叫号排队、在线支付一条链路配齐。

图中为优惠券领取入口视觉

🍜 能力拆解:bee 小程序点餐链路里,从顾客下单到门店出餐它做了什么

小程序底部五个标签页是首页、点餐、取号、取餐、我的,对应浏览、下单、排队、核销四类动作,下面按这条链路拆开看。

从菜单到收银,顾客3步完成自提下单

点进点餐页直接加载菜单,点商品进购物车,底部栏去结算,由内置支付组件唤起微信支付完成付款。选择自提后,取餐界面显示取餐码,门店在「我的 → 扫码核销」完成核销,前提是在后台系统参数里配置了order_hx_uids。下单前还能领取优惠券,最新版本已为优惠券领取、退回、失效、过期、使用增加微信订阅消息提醒,到期不用逐一通知顾客。

生成桌号二维码后,顾客扫码直达对应餐桌

后台「桌号管理」里添加桌号,得到每张桌子的 ID 和密钥;再到「微信设置 → 小程序设置」生成小程序码,scene 参数按「门店ID,桌号ID,密钥」用英文逗号拼接。顾客扫桌码直接进入该桌点餐流程,不用翻菜单找桌位。多门店或多窗口取餐的门店,提货点选择页支持顾客挑选最近的取餐位置。

图中为桌号扫码点餐小程序码

线上取号后,等位分钟数实时可查

切到取号标签线上取号,列表显示我的号序和预计等待时间——页面用我的号码减去当前叫号号码再乘以每桌间隔分钟数得出结果。顾客可以先落座、边等边下单,高峰期排队被提前消化。

配置打印机后,新订单自动吐出小票

「进阶配置」章节给出小票机、杯贴机两套模板,打印机接好后新订单自动推送小票,不用人盯屏幕录单。外卖为主的门店,按同一章节「配置达达配送」完成门店编号映射,下单即配送。

我的标签页内置反馈入口,顾客遇到的问题可以直接提交。

图中为反馈与常见问题入口

🚀 落地实操:小程序点餐系统怎么搭建,从拿到仓库到第一个页面

第一步,拿到仓库:

git clone https://gitcode.com/GitHub_Trending/be/bee

第二步,备两个账号。微信公众平台注册小程序账号,商城类小程序不支持个人主体,选企业或个体工商户,保存 AppID 和 AppSecret;再注册并登录 api工厂后台,通过「工厂设置 → 数据克隆」克隆商户ID 27 的演示数据,刷新后台即可看到。

第三步,导入运行。微信开发者工具选择导入项目,目录指向代码根目录,AppID 需在公众平台、开发者工具「详情」、后台「微信设置」三处完全一致,否则小程序连不上你的后台。

第四步,对接后台。config.js 里的subDomain默认指向演示商户,按 README 第七步换成你的专属域名并保存,小程序即可拉取你后台的数据:

subDomain: "beeorder" // 替换为你的专属域名

其余参数一表对照:

参数位置作用
AppID / AppSecret后台「微信设置」三处必须完全一致,否则登录、支付失败
subDomainconfig.js你的专属域名,对接后台的关键
merchantIdconfig.js商户ID,演示值为 27
order_hx_uids后台系统参数有核销权限的账号编号,开启「扫码核销」入口

到这一步,开发者工具里能看到五个标签页的首页;后台配好微信支付、跑通第一笔支付测试后即可提审上线。桌号码生成、首页 Banner 轮播、按门店拆分商品、配送服务距离等,README.md 的「进阶配置」章节逐条给出了操作路径。

⚠️ 谁适合、谁不适合:三种业态对照

单店快餐是最直接的适配对象。如果你在找一个开源点餐外卖系统,扫码点餐、自提、自动出票再加达达配送,已覆盖单店日常;叫号排队解决高峰等位。

连锁门店同样可用。提货点选择页让顾客按位置挑窗口,shop_goods_split开关让各门店只显示自己的商品,门店管理里按店设置服务距离,菜单与定价在后台统一维护。

两类情况不建议使用。一是个人主体账号:README 明确提示商城类小程序不支持个人主体上线,只能开发不能发布。二是自有配送车队、需要调度排班的门店:bee 只集成达达这类第三方配送,没有自建调度系统,运力部分要靠外部方案补齐。

后续路线:bee 小程序点餐团队已公开的三个方向

  1. 消息提醒向订单流程延伸:最新版本已为优惠券领取、退回、失效、过期、使用增加微信订阅消息提醒(来源:config.js 版本说明,版本 26.9.20)。
  2. 第三方配送对接扩容:README「进阶配置」已给出达达配送的完整对接方案,配送渠道从单一走向更多(来源:README.md「配置达达配送」小节)。
  3. 多语言能力扩展:README 给出 i18n 二次开发步骤,页面初始化后在模板里用语言变量、再改语言文件即可,这是面向外语商圈门店的扩展路径(来源:README.md「国际化多语言二次开发」小节)。

下次午高峰,顾客扫桌码下单、线上取号,排队长度不再决定流失率。

【免费下载链接】bee微信小程序-餐饮点餐外卖-开箱即用项目地址: https://gitcode.com/GitHub_Trending/be/bee

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询