news 2026/8/24 17:13:22

Enatega顾客App使用完全指南:从浏览菜单、定制加料到下单支付的完整体验

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Enatega顾客App使用完全指南:从浏览菜单、定制加料到下单支付的完整体验

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 最实用的功能之一。在菜品定制页,你需要完成两件事:

  1. 选择规格:例如同一款汉堡有"普通 / 加大"两种规格,价格不同,用单选项切换即可
  2. 挑选加料:加料项(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),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/24 17:12:04

SysDVR:免费把 Switch 游戏画面串流到电脑的完整教程

SysDVR:免费把 Switch 游戏画面串流到电脑的完整教程 【免费下载链接】SysDVR Stream switch games to your PC via USB or network 项目地址: https://gitcode.com/gh_mirrors/sy/SysDVR SysDVR 是一个开源免费的项目,跑在 Switch 上后可以把正在…

作者头像 李华
网站建设 2026/8/24 17:11:08

Change2Task:从代码变更到自动化任务生成的方法论与实践

1. 从代码变更到可执行任务:一个被忽视的自动化起点在软件开发的日常中,我们早已习惯了各种自动化流程:代码提交触发CI/CD流水线,自动运行测试、构建镜像、部署到环境。但有一个环节,始终高度依赖人工介入,…

作者头像 李华
网站建设 2026/8/24 17:10:08

ncmdump NCM 转 MP3 完整指南:免费拖拽即用,批量转换不损音质

ncmdump NCM 转 MP3 完整指南:免费拖拽即用,批量转换不损音质 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 你的 .ncm 歌为什么换个播放器就打不开?问题出在专用封装上。ncmdump 是一个把网易云…

作者头像 李华
网站建设 2026/8/24 17:08:10

QQ空间历史说说本地备份:用GetQzonehistory完成一次数据归档

QQ空间历史说说本地备份:用GetQzonehistory完成一次数据归档 【免费下载链接】GetQzonehistory 获取QQ空间发布的历史说说 项目地址: https://gitcode.com/GitHub_Trending/ge/GetQzonehistory 说说时间线翻到几年前,页面很难再到底;部…

作者头像 李华
网站建设 2026/8/24 17:06:08

数学建模实战指南:从思维跃迁到算法选型与避坑

1. 项目概述:从“解题”到“建模”的思维跃迁 很多人一听到“数学建模”,第一反应就是“解数学题”,或者觉得那是数学天才才能玩转的高深领域。我刚开始接触时也这么想,但真正深入进去才发现,这完全是一种误解。数学建…

作者头像 李华