部署到 Railway

您可以在几分钟内免费在 Railway 上托管和分享您的 Toolpad Studio 应用程序。

本指南将引导您完成从 GitHub 仓库部署 Toolpad Studio 应用程序的过程。

先决条件

• Railway 账户
• GitHub 账户
• 包含您的 Toolpad Studio 应用程序的 GitHub 仓库。请查看将您的 Toolpad Studio 应用程序推送到 GitHub 以了解此步骤。

在 Railway 上创建新应用

1. 在您的 Railway 仪表板中，点击右上角的 New Project（新建项目），然后从下拉菜单中选择 Deploy from GitHub repo（从 GitHub 仓库部署）。

2. 根据仓库的可见性设置为私有还是公开，您可能需要使用 Configure GitHub App（配置 GitHub 应用） 将您的 GitHub 帐户连接到 Railway。完成后，您将看到一个仓库列表供您选择。

3. 选择仓库并点击 Add Variables（添加变量）。您现在可以设置您的应用程序需要的任何环境变量。

4. Toolpad Studio 应用程序在端口 3000 上运行，因此添加一个 PORT 变量并将其值设置为 3000。

5. 在同一 UI 上，转到 Settings（设置）选项卡，向下滚动并点击 Generate Domain（生成域名） 以创建一个公共 URL。您也可以创建自定义 URL。

6. 如果您向下滚动，您将看到构建和启动命令设置为

   $ npm run build
   $ npm run start
   

   复制已复制（或 $keyC）

   默认。您可以保持不变。

7. 画布上会出现一个浮动的 Deploy（部署） 按钮。点击它，构建开始。

8. 一旦成功完成，您就可以从卡片上提供的公共 URL 访问您的 Toolpad Studio 应用程序。

就是这样！应用程序已启动并运行。进行更改，推送到 GitHub，您的应用程序每次都会自动重新部署。您也可以部署到您选择的任何其他托管服务提供商。

查看 Railway 文档以了解更多高级设置，例如向您的应用程序添加变量。

常见陷阱

1. 有时构建可能会失败，因为您的应用程序可能位于不同的目录中。要配置正确的路径，请导航到 Settings（设置） 选项卡并更新根目录。