谷歌--firebase studio--云开发app

谷歌--firebase studio--云开发app

创建程序

进入谷歌

studio.firebase.google.com/

image

点击图标创建程序

image

输入名称并且选择第二个expogo,然后点击creat

image

等待完成所有步骤

image

安装后会进入类似于vscode的界面

image

点击下方的gemini即可实现ai在线开发

打包

Dashboard — Expo

npm install -g eas-cli
eas build:configure
eas build 

image

知识点

好的,我们来全面梳理一下使用 Expo EAS (Expo Application Services) 打包 React Native 应用的知识和流程。
首先,你需要理解 Expo 和 EAS 的关系。Expo 是一个框架和平台,旨在简化通用 React Native 应用的开发。而 EAS 是 Expo 提供的云构建服务,用于将你的 Expo 或纯 React Native 项目构建成可以在设备上安装的独立应用包(如 Android 的 .apk​ 或 .aab​,iOS 的 .ipa​)。当你需要创建发布到应用商店或进行内部分发的应用时,就需要用到 EAS Build。
打包前的准备工作
在开始打包流程之前,有几个基础条件需要满足:

  1. Node.js 和 npm/yarn: 确保你的开发环境中安装了 Node.js 以及相应的包管理器(npm 或 yarn),因为 Expo 和 EAS 的工具链都依赖它们。
  2. Expo 账户: EAS 是云服务,需要一个 Expo 账户来管理你的构建任务、存储构建产物和处理凭证。你可以在 Expo 官网免费注册。
  3. 安装 EAS CLI: 这是与 EAS 服务交互的命令行工具。你需要通过 npm(或 yarn)在你的终端全局安装它。
graph LR A[开发环境] --> B(Node.js + npm/yarn); A --> C(Expo 账户); A --> D(安装 EAS CLI);

知识讲解:EAS CLI
EAS CLI (Command Line Interface) 是你本地开发环境与 Expo 云端构建服务之间的桥梁。通过它,你可以触发构建、配置项目、管理凭证等。全局安装意味着你可以在系统的任何项目目录下运行 eas​ 命令。安装命令通常是:
npm install -g eas-cli
核心打包流程
一旦准备工作就绪,就可以开始打包流程了,主要包含以下几个步骤:
第一步:登录 Expo 账户
你需要使用 EAS CLI 登录你的 Expo 账户,以便将后续的操作与你的账户关联起来。

graph TD A[打开终端] --> B{运行 `eas login`}; B --> C[输入 Expo 用户名/邮箱和密码]; C --> D[登录成功];

知识讲解:为什么需要登录?
正如之前的对话中提到的,登录是为了:

  • 身份验证: 确认是你本人在操作。
  • 资源关联: 将构建任务、云端资源(如构建服务器)与你的账户绑定。
  • 构建管理: 在你的 Expo 账户仪表板中跟踪构建历史、下载构建产物。
  • 安全: 如果应用需要特定的密钥或证书(如推送通知),EAS 需要通过你的账户安全地访问和管理它们。
    第二步:配置项目构建 (eas.json)
    首次为项目使用 EAS Build 时,或者需要调整构建配置时,需要配置 eas.json​ 文件。这个文件定义了不同的构建“配置文件”(profiles),例如用于开发的 development​ 配置、用于预览的 preview​ 配置和用于生产发布的 production​ 配置。
graph TD A[项目根目录] --> B{运行 `eas build:configure`}; B --> C[按提示选择平台]; C --> D[生成或更新 `eas.json` 文件];

知识讲解:eas.json 文件
eas.json​ 是 EAS Build 的核心配置文件。它允许你为不同环境(开发、预览、生产)和不同平台(Android、iOS)指定不同的构建设置。例如,你可以配置:

  • 构建类型: 是生成用于调试的开发版本,还是用于发布的生产版本。
  • 凭证管理: 指定使用哪些签名证书和配置文件。
  • 环境变量: 为不同构建注入特定的环境变量。
  • 构建优化: 如代码混淆、资源压缩等。
    第三步:启动云构建
    配置完成后,就可以使用 eas build​ 命令启动实际的构建过程了。你需要指定目标平台和使用的配置文件。
graph TD A[项目根目录] --> B{运行 `eas build`}; B -- 选择平台 --> C{例: `eas build --platform android`}; C -- 选择配置文件 --> D{例: `eas build --profile production`}; D --> E[项目代码上传至 EAS]; E --> F[EAS 云端执行构建];

知识讲解:eas build命令
这个命令会将你的项目代码(根据 .gitignore​ 和 .easignore​ 排除不必要文件后)上传到 Expo 的安全云服务器。服务器会根据你指定的平台和 eas.json​ 中对应 profile 的配置,执行原生应用的构建流程(编译代码、打包资源、签名等)。

  • --platform <android|ios|all>​: 指定要构建的平台。
  • --profile <profile_name>​: 指定使用 eas.json​ 中的哪个配置方案,默认为 production​。
    第四步:监控构建并下载应用包
    启动构建后,EAS CLI 会输出一个链接,你可以通过这个链接在浏览器中实时监控构建进度。构建成功后,你可以在构建详情页面下载生成的应用包(.apk​, .aab​, 或 .ipa​)。
graph TD A[构建启动] --> B[CLI 输出监控链接]; B --> C[在 Expo 官网查看构建状态]; C -- 构建成功 --> D[下载应用包]; C -- 构建失败 --> E[查看错误日志进行排查];

总结流程图
下面是整个流程的概览图:

graph TD subgraph "准备阶段" P1[安装 Node.js/npm] P2[注册 Expo 账户] P3[安装 EAS CLI: `npm install -g eas-cli`] end subgraph "构建阶段" S1[登录: `eas login`] S2[配置: `eas build:configure` --> 生成/更新 eas.json] S3[启动构建: `eas build --platform <平台> --profile <配置>`] S4[监控构建 ] S5[下载构建产物] end P1 & P2 & P3 --> S1 --> S2 --> S3 --> S4 --> S5

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值