发布你的网页应用

编辑页面

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


For the complete documentation index, see llms.txt. Use this Use this file to discover all available pages.

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

前提条件

在开始之前,请在项目的 app.json 文件中确保 expo.web.output 属性为 staticserver

导出你的 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

了解有关工作流常见模式的更多信息,请参阅 workflows examples guide

了解更多

你可以了解更多关于设置 deployment aliases、使用 custom domaindeploying an API Route 的信息。