发布您的网络应用

编辑

学习如何使用 EAS Hosting 部署您的网络应用。


EAS Hosting 处于预览阶段,可能会发生变化。

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

先决条件

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

导出您的网络项目

要部署您的网络应用,您需要创建网络项目的静态构建。通过运行以下命令将您的网络项目导出到 dist 目录:

Terminal
npx expo export --platform 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 自动将应用部署到网络上。首先,您需要 配置您的项目,在项目根目录下添加名为 .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 分支时创建一个网络部署。您还可以使用以下 EAS CLI 命令手动运行此工作流:

Terminal
eas workflow:run deploy-web.yml

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

了解更多

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