发布你的网页应用

编辑页面

了解如何使用 EAS Hosting 部署你的网页应用。

如果你正在构建一个通用应用，你可以使用 EAS Hosting 快速部署你的 Web 应用。它是一项用于部署使用 Expo Router 和 React 构建的 Web 应用的服务。

Prerequisites

1 requirement

在 app.json 中设置 expo.web.output

在你项目的 app.json 中，确保 expo.web.output 属性的值为 static 或 server。

导出你的 Web 项目

要部署你的 Web 应用，你需要先创建 Web 项目的静态构建。通过运行以下命令，将你的 Web 项目导出到 dist 目录：

Terminal

- npx expo export --platform web

请记住，每次在部署之前、当你对 Web 应用进行更改后，都要重新运行此命令。

要发布你的 Web 应用，请运行以下 EAS CLI 命令：

Terminal

- eas deploy

首次运行此命令后，系统会提示你为项目选择一个预览子域名。此子域名是用于创建预览 URL 的前缀，也用于生产环境部署。例如，在 https://test-app--1234.expo.app 中，test-app 就是预览子域名。

部署完成后，EAS CLI 将输出一个可用于访问已部署应用的预览 URL。

要创建生产环境部署，请运行以下 EAS CLI 命令：

Terminal

- eas deploy --prod

部署完成后，EAS CLI 将输出一个可用于访问已部署应用的生产 URL。

你可以使用 EAS Workflows 自动将你的应用部署到 Web。首先，你需要配置你的项目，在项目根目录下添加一个名为 .eas/workflows/deploy-web.yml 的文件，然后添加以下工作流配置：

.eas/workflows/deploy-web.yml

name: Deploy web

on:
  push:
    branches: ['main']

jobs:
  deploy_web:
    name: Deploy web
    type: deploy
    params:
      prod: true

上面的工作流会在每次提交到你项目的 main 分支时创建一次 Web 部署。你也可以使用以下 EAS CLI 命令手动运行此工作流：

Terminal

- eas workflow:run deploy-web.yml

了解有关工作流常见模式的更多信息，请参阅工作流示例指南。

你可以了解更多关于设置部署别名、使用自定义域名或部署 API 路由的信息。