视频：用Expo开发ChatGPT同款人工智能App
目标
概述
本视频课程作者将从头开始实际操作。基于最新的Expo框架版本，配合作者精心选择的组件，开发一个ReactNative App，实现类似ChatGPT移动应用的主要功能，并录制成有参考学习作用的课程。
本课程以实际操作演示为主，基本概念内容均快速带过，目的是让同学可以边看边动手完成自己的App开发。
课程后期会根据情况，为课程学员提供文档和源码等资料。
功能点
- 对接AI大模型api接口，实现Completion, streaming等数据交互；
- 兼容OpenAI和类似模型；
- 对话界面，用户与AI文字聊天；
- 流式文字输出，just like ChatGPT;
部分要求
- 带Drawer抽屉菜单；
- 聊天过程本地留下记录；
- 明暗两种UI风格；
- 多语言；（中/En）
可选要求
- 用户管理：注册/登录/安全/修改等；
- 可选择不同AI平台和模型；
工具和组件
- Expo router;
- NativeWind？// tailwindCss
- OpenAI Nodejs;
- OpenAI封装兼容组件/或自己写；
- i18n插件;
- mmkv存储;
- 数据库？
- 用户服务？
操作内容
- Expo项目创建；
- 在Expo Go中开发调试；
- 在Development build中开发调试；
- 安装配置各种组件，实现相关功能；
- 注册各类云服务，充值...
- 对接AI大语言模型平台；
- AI聊天测试；
- UI美化+性能Ï调优；(blur header list 等特效)
- EAS build本地打包+云端打包；
课程设计
- 准备环境，创建项目；
- 导航和基本页面设计；
- 风格设计，tailwind? 明暗效果；
- 多语言实现；
- 主要组件；
- input；
- AI组件及api，注册moonshot；
- 实现completion；
- AI封装，实现streaming；
- 优化；
- 打包；
视频章节
- 预告
- 新建项目+设计对标
- 基本导航逻辑框架
- 自定义抽屉菜单
- 抽屉菜单项的聚焦效果
- 抽屉菜单中模拟历史chat列表
- 导航的push问题处理
- 建立风格体系的方法论探讨：tailwind组件和明暗切换
- 设计自己的Style风格体系
- 打造自己的风格钩子useStyle
- 导航框架Theme一致化改造
- 界面套用新风格
- 统一Chat页面，对话输入框
- 对话界面开发
- 真实调用：OpenAI组件及平替
其他说明
- 作者主要在macos系统上操作，大多数情况下以iOS苹果设备为测试对象；
- 本人之前的其他Expo基础课程，对加深理解和快速进入开发状态非常有用，建议可以先学习；
- 本课程适合有一定前端基础的同学，如果是纯小白，建议也可以看个几集找找感觉，有兴趣了再从基础学起。