Enatega顾客App使用完全指南:从浏览菜单、定制加料到下单支付的完整体验
【免费下载链接】Enatega-White-Label-Food-Delivery-SolutionA fully functional and white label food delivery solution. Capable of building your own food delivery application! Includes customer, rider and restaurant apps.项目地址: https://gitcode.com/gh_mirrors/en/Enatega-White-Label-Food-Delivery-Solution
Enatega顾客App是开源外卖解决方案 Enatega 面向食客的手机应用,覆盖浏览菜单、定制加料、地址管理、优惠券到 Stripe / PayPal / 货到付款的全链路点餐体验。无论你是第一次接触这款食物配送App,还是想深入了解它的功能边界,这份指南都能帮你在10分钟内跑通完整下单流程。
Enatega顾客App能做什么?
Enatega 是一套白标(White Label)外卖系统,由三个模块组成:顾客App、骑手App 和管理后台。顾客App 是其中最核心的入口,主要能力包括:
- 📋按分类浏览菜单:首页以卡片形式展示各菜品分类
- 🍔多规格与加料定制:同一道菜支持多种规格(variation)和可选加料(addons)
- 📍多地址管理:基于 GPS 定位添加、编辑收货地址
- 🎟️优惠券核销:下单前输入折扣券自动计算优惠
- 💳三种支付方式:Stripe 刷卡、PayPal、货到付款(COD)
- 🗺️实时骑手追踪:订单被骑手取餐后,可在地图上查看配送位置
各模块分工可见项目高层架构图:
第一步:注册与登录
打开App后,你可以使用邮箱+密码注册账号,也可以直接登录。注册时需要填写姓名、带国家区号的手机号、邮箱和密码(手机号需11-15位数字,注册逻辑见CustomerApp/src/screens/Register/Register.js)。
登录页配有诱人的美食配图,支持社交账号一键注册:
登录后,首页顶部会出现订单状态卡片,随时查看进行中的外卖订单。
浏览菜单:快速找到想吃的菜
进入首页后,菜单按餐厅设置的**分类(Category)**分组展示,每个分类是一张带封面图的卡片,向下滑动即可浏览全部品类。页面支持下拉刷新获取最新菜单。
点击任意分类卡片,进入该分类下的菜品列表,再点击具体菜品即可进入"Customize(定制)"页面。
定制加料:把食物调成你喜欢的样子
这是 Enatega 顾客App 最实用的功能之一。在菜品定制页,你需要完成两件事:
- 选择规格:例如同一款汉堡有"普通 / 加大"两种规格,价格不同,用单选项切换即可
- 挑选加料:加料项(addons)支持最少/最多选择数量校验——必填项不选、可选项超出范围,"加入购物车"按钮都不会生效
确认无误后点击加购按钮,App 会自动跳转购物车;同款同规格的菜品会合并数量,避免重复下单。
购物车:改数量、填地址、用优惠券
购物车页(CustomerApp/src/screens/Cart/Cart.js)是下单前的最后一站:
- 改数量:每件商品可直接加减或移除
- 选地址:从已保存地址中选择默认地址;没有的话可新建。App 支持 GPS 定位帮你快速找到当前位置,也可以在全屏地图上手动拖拽选点
- 输入优惠券:在底部优惠栏粘贴券码,系统自动校验并显示折扣比例,无效券会即时提示
下单支付:Stripe、PayPal 与货到付款
结算时,支付方式由餐厅后台决定,App 会弹出支付选项(CustomerApp/src/components/Modals/PaymentModal/PaymentModal.js):
| 支付方式 | 说明 |
|---|---|
| 💳Stripe | 跳转 Stripe 结账页,支持主流银行卡 |
| 🅿️PayPal | 跳转 PayPal 授权支付 |
| 💵货到付款(COD) | 骑手送达时现金或刷卡支付 |
支付成功后订单立即进入处理队列,页面会清空购物车并引导你查看订单详情。
追踪订单:从"已接单"到"骑手在路上"
进入"我的订单"(CustomerApp/src/screens/MyOrders/MyOrders.js)可以看到所有历史与进行中订单。当骑手取餐(状态变为 PICKED)后,订单详情页顶部会显示实时骑手地图追踪组件,你可以直观看到骑手向你靠近的过程。
骑手侧对应的接单界面如下,取餐、送达状态会实时同步到顾客端:
订单送达后,App 还会邀请你评分和写评论,帮助餐厅提升服务。
常见问题
Q:不登录可以点餐吗?浏览菜单可以,但下单需要账号来关联地址和订单记录。
Q:支持哪些语言?App 内置多语言本地化,包含中文、德文、法文等,语言文件位于CustomerApp/translations/目录,可在设置中切换。
Q:菜单是空的怎么办?菜单数据由餐厅在管理后台维护,若暂无菜品,App 会显示"暂无菜品"空状态,可下拉刷新重试。
总结
Enatega 顾客App 把"点餐—定制—支付—追踪"这条外卖核心链路做得相当完整:分类菜单浏览、规格加料定制、GPS 地址选择、优惠券、三种支付方式和实时骑手追踪一应俱全。如果你正在为自己的餐厅寻找一套可定制的开源外卖App方案,这套包含顾客、骑手与后台三端的食物配送系统值得一试。
【免费下载链接】Enatega-White-Label-Food-Delivery-SolutionA fully functional and white label food delivery solution. Capable of building your own food delivery application! Includes customer, rider and restaurant apps.项目地址: https://gitcode.com/gh_mirrors/en/Enatega-White-Label-Food-Delivery-Solution
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考