This is an Expo project created with create-expo-app.

设置 InsForge 数据库 https://insforge.dev/?utm_source=jimmylv （7 折优惠码： JIMMYLV）

【新手向】AI 编程从 0 到 3：一套代码开发 Web、iOS、安卓三端 APP & InsForge MCP 后端数据库、用户授权

本视频详细演示了如何利用AI编程工具，通过一套代码库从零开始开发一个功能完善的智能记账应用，该应用可同时在Web、iOS和安卓三端运行。视频重点介绍了如何结合前端AI编码工具Cursor和专为AI智能体设计的后端服务InsForge MCP，实现从前端UI到后端数据库、用户认证及AI功能（文本、语音、图像识别记账）集成的全栈自动化开发流程，展现了AI原生开发范式的强大之处。

💻 演示了如何使用Expo框架，仅用一套React Native代码就成功构建了能够同时在Web、iOS和安卓上运行的跨平台应用，极大地提升了开发效率。

🤖 详细展示了如何利用AI编程助手Cursor的“计划模式”（Plan Mode），通过与AI对话和提供设计稿截图，让AI自动规划并生成应用的前端界面、状态管理和本地数据存储代码。

🧱 指出了传统后端服务（BaaS）为人机交互设计，会中断AI编程心流的问题，并引出了专为AI智能体设计的后端服务作为解决方案。

🚀 核心介绍了InsForge MCP这一AI原生后端服务，它允许AI编程智能体通过协议（MCP）自动完成数据库创建、用户认证配置、对象存储设置和AI功能集成，将AI编程能力从前端扩展到全栈。

⚡️ 最终实现了一个完整的AI协同开发工作流：人类开发者下达指令，前端AI智能体编写界面，后端AI智能体（通过InsForge MCP）自动部署和管理后端服务，无缝集成AI记账功能。

#AI编程 #全栈开发 #InsForge #跨平台APP #AI智能体

为什么不直接使用像Supabase或Firebase这样的传统后端服务(BaaS)？

传统BaaS是为人类开发者设计的，依赖图形化界面进行点击配置。当使用AI编程时，开发者需要手动配置后端，再把密钥等信息复制给AI，这会打断AI自动化的“心流”体验。而InsForge MCP是专为AI智能体设计的，AI可以通过标准协议直接以编程方式创建和管理后端资源，实现了端到端的自动化，无需人工干预。

在这个AI开发流程中，人类开发者的角色是什么？还需要会写代码吗？

在这个流程中，人类开发者更像一个“产品经理”或“架构师”。主要职责是提出需求、制定开发计划、审核AI生成的代码、并在AI遇到复杂错误时提供关键的上下文信息或调试方向。虽然AI完成了大量编码工作，但开发者仍需要具备阅读代码、理解项目架构和精准描述问题的能力，才能高效地指导AI完成开发任务。

视频中提到的“一套代码，三端运行”是如何实现的？

这是通过使用Expo框架实现的。Expo是一个基于React Native的开源平台，它允许开发者使用JavaScript和React来编写代码，然后Expo会负责将这套代码分别编译和打包成可以在iOS、Android和Web浏览器上运行的原生应用或网页应用，从而实现了代码复用和高效的跨平台开发。

Expo: 一个开源框架，允许开发者使用单一的JavaScript/TypeScript代码库构建能在iOS、Android和Web上原生运行的通用应用程序。

Cursor: 一款AI优先的代码编辑器，它深度集成了AI功能，如代码生成、对话式编程和项目级上下文理解，旨在通过与AI协作来加速软件开发流程。

InsForge MCP (Model Contract Protocol): 一个AI原生的后端即服务（BaaS）平台。它提供了一个专为AI模型设计的“模型合约协议”，让AI编程智能体能够以编程方式自动创建和管理数据库、用户认证、云存储和AI功能集成等后端服务。

AI Agent (编程智能体): 指由大型语言模型驱动的、能够理解自然语言指令、自主编写代码、使用工具并进行调试的软件程序。在视频中，Cursor和与InsForge交互的后端Agent都扮演了编程智能体的角色。

InsForge 真心值得尝试，不要忘记 7 折优惠码： JIMMYLV https://insforge.dev/?utm_source=jimmylv

1. Install dependencies

   npm install

2. Start the app

   npx expo start

In the output, you'll find options to open the app in a

• development build
• Android emulator
• iOS simulator
• Expo Go, a limited sandbox for trying out app development with Expo

You can start developing by editing the files inside the app directory. This project uses file-based routing.

When you're ready, run:

npm run reset-project

This command will move the starter code to the app-example directory and create a blank app directory where you can start developing.

To learn more about developing your project with Expo, look at the following resources:

• Expo documentation: Learn fundamentals, or go into advanced topics with our guides.
• Learn Expo tutorial: Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.

Join our community of developers creating universal apps.

• Expo on GitHub: View our open source platform and contribute.
• Discord community: Chat with Expo users and ask questions.