This documentation is available as Markdown for AI agents and LLMs. See the full Markdown index or append .md to any documentation URL.

了解如何将 Web 构建与 Android 和 iOS 发布一起部署到现有的 EAS Workflows 中的 EAS Hosting。

我们前几章中的工作流涵盖了 Android 和 iOS。让我们扩展它们，使其在同一版本发布的同时，也将 Web 构建部署到 EAS Hosting。

学习目标

• 配置 Expo 项目以导出静态 Web 构建
• 在 preview.yml 中添加 Web 部署作业，以生成非生产环境的 Web 构建
• 在 production.yml 中添加 Web 部署作业，以生成生产环境的 Web 构建

EAS 托管和部署作业

EAS 托管 是一项用于托管和部署 Expo 应用 Web 构建的服务。每次部署都会获得自己唯一的 URL，而一个项目有一个单独的生产 URL，用于提供我们最后一次部署到生产环境的内容。

EAS Workflows 中的 deploy 预打包作业会运行 web 导出，将导出步骤的输出上传到 EAS 托管，并将部署 URL 作为作业输出返回。deploy 作业有两个参数：

为静态导出配置 web.output

在我们将 web 部署作业添加到工作流之前，需要先配置 Expo 项目以导出 静态 Web 构建。在 app.json 中，将 web.output 字段设置为 static：

{
  "expo": {
    %%placeholder-start%%... %%placeholder-end%%
    "web": {
      "output": "static"
    }
  }
}

static 会告诉 Expo CLI 生成一个包含静态 HTML、JavaScript 和资源文件的目录，EAS Hosting 可以对其进行托管。Expo 也支持 single 和 server 输出；static 会生成任何主机都可以提供服务的普通文件，而这正是我们这里所需要的。

在使用上述配置更新 app.json 之后，请提交更改并将其推送到仓库的 main 分支。

添加 Web 预览部署

设置 prod: true 是预览部署与生产部署之间的区别。预览会获得每次部署各不相同的 URL。我们在 第 3 章第 1 步 中创建了一个预览工作流。让我们为该工作流添加一个 deploy_web 作业，这样每当我们创建一个新的预览构建时，也会得到一个新的 Web 部署。

name: Preview builds

jobs:
  # ... 现有的 fingerprint、get-build、build_android、build_ios、notify 作业

  deploy_web:
    name: Deploy web (preview)
    type: deploy

3

测试工作流

现在，使用以下命令手动运行预览工作流：

Terminal

Copy

- eas workflow:run .eas/workflows/preview.yml

在 EAS 仪表板上，预览工作流运行会将 deploy_web 作业与构建作业一起显示。

在 Deploy web (preview) 下，点击 View Deployment 链接，在浏览器中打开已部署的 Web 构建。

添加一个 Web 生产部署

来自 第 6 章，第 1 步 的生产工作流会在我们推送新的 Git tag 时运行，并构建或更新原生应用。让我们为该工作流添加一个 deploy_web 作业，这样在发布应用新版本时，也会更新生产 URL 上的 Web 版本。

name: Deploy to production

on:
  push:
    tags: ['v*.*.*']

jobs:
  # ... 现有的 fingerprint、get-build、build、update 作业 ...

  deploy_web:
    name: Deploy web (production)
    type: deploy
    params:
      prod: true

摘要

Learn about the next steps to use EAS Workflows.