资源介绍
视频数量：27个
总时长：4小时3分
课程介绍：
React Native 与 Supabase 实战：打造完整的活动票务应用
你有没有想过，一个完整的活动票务 App 到底是怎么从零搭建出来的？用户注册、登录、浏览活动、下单购票、查看订单，每一步背后都涉及前端界面、后端逻辑、数据存储、支付集成等多个环节。这门课要做的，就是把这套完整的链路拆开来，手把手带你走一遍。
整个课程分为八个板块，总共 27 节视频，时长大约四个小时。你会跟着老师一起，从一行命令开始，逐步构建出一个真正可以跑起来的活动票务移动应用。
一、项目初始化与界面框架搭建
课程一开始，老师会带你用 Expo 创建一个全新的 React Native 项目。Expo 是一套工具链，能帮你省去原生开发环境配置的麻烦，让项目快速跑起来。装好依赖之后，会引入 React Native Paper 作为 UI 组件库，这是一个遵循 Material Design 规范的组件库，里面包含了按钮、表单、卡片等大量现成组件，不用自己从零造轮子。最后再把项目的初始文件结构整理好，为后面的开发做好准备。
二、用户认证界面
项目搭好之后，第一个要解决的就是用户系统。课程会带你用 Expo Router 配置好路由结构，然后把欢迎页、注册页、登录页三个核心界面逐个做出来。注册页要处理邮箱、密码、角色等字段，登录页要做得简洁友好，欢迎页则是用户打开 App 第一眼看到的东西。这个阶段的核心是界面布局和表单交互，你会学到怎么用 React Native Paper 快速搭建出美观又可用的认证页面。
三、认证后端与数据库接入
界面有了，还需要让它真正能保存和验证用户信息。这一板块会接入 Supabase，一个开源的 Firebase 替代方案，提供身份认证、数据库、Edge Functions 等完整后端能力。老师会带你配置 Supabase 客户端，然后在 users.ts 里实现注册和登录两个核心函数。注册时要把用户信息写入 user_profiles 表，登录时要校验邮箱密码，并根据 role 字段做权限判断。整个流程清晰规范，错误处理也写得比较到位，每一步都有 try-catch 兜底。
四、权限控制与底部导航
用户登录之后该去哪？普通用户和管理员的界面应该不一样。这一节老师会教你根据认证状态做自动跳转——未登录的用户停留在公开页面，登录后的用户进入主页。接着会搭建整个 App 的布局骨架，用底部 Tab 导航切换首页和个人页等内容，个人页里可以展示用户信息、提供退出登录的功能。这一板块解决的是"权限"和"导航"两个核心问题。
五、活动管理功能（管理员端）
作为管理员，你需要能够发布、编辑、查看活动。课程会带你设计 events 表的服务层接口，然后实现一个完整的活动表单，包括标题、描述、地点、时间等字段。特别值得一提的是图片上传功能——用户选好封面图后，会通过 Supabase Storage 上传到云端，保存下来的是图片路径。整个 CRUD 流程形成闭环：创建活动、列表展示、编辑修改、删除管理，全部都会讲到。
六、普通用户端：浏览活动与详情
切到普通用户视角，主页应该展示所有可参与的活动。课程会带你实现用户端的首页布局，把活动以图文卡片的形式排列出来。点击某个活动进入详情页，可以看到完整的信息和购票入口。这一块虽然视频不多，但把用户端的核心交互讲明白了。
七、订票与支付集成
这是整个项目最核心的商业环节。课程会先搭建票价的 UI，让用户选择不同档位的票。然后接入 Stripe 支付——Stripe 是国际通用的在线支付方案，支持信用卡等多种方式。具体的做法是在 Supabase 的 Edge Functions 里部署 Stripe 后端逻辑，前端调用这个接口拉起支付流程。用户支付成功后，会把订单信息保存到 bookings 表里，这样一笔完整的交易才算真正完成。这一板块把支付集成的难点讲透了，从前后端配合到回调处理都有覆盖。
八、订单展示与用户报表
最后是订单的展示和简单的数据统计。用户可以在"我的订单"页面看到自己买过的所有票，每一笔的状态、金额、时间都列得清清楚楚。最后一节课还会做一个简单的报表功能，让用户能看到自己参与活动的汇总情况。
学完这门课你会得到什么？一个能真正运行的、包含前后端的移动应用项目。从用户注册、登录，到活动发布、浏览，再到下单支付、订单管理，整套业务流你都会亲手实现一遍。更重要的是，你会掌握一套实战中常用的技术组合：React Native 做跨平台前端，Expo 简化开发流程，Supabase 提供后端服务，Stripe 处理支付。这套组合在中小型项目中非常实用，能帮你快速把想法变成产品。
如果你已经掌握了 JavaScript 和 React 的基础，想往移动端方向发展，或者想了解一个完整 App 的搭建流程，这门课会很对你胃口。它不会空谈理论，每一节都对应着具体的代码实现，跟着敲一遍，你就能拥有一个可以写在简历上的项目。