部署到 Render

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

前提条件

• 一个 Render 帐户
• 一个 GitHub 帐户

将您的 Toolpad Studio 应用程序推送到 GitHub

1. 拥有 GitHub 帐户后，您可以使用标题菜单中的“+”按钮，然后选择“New repository”（新建仓库）来创建一个新的仓库。然后，选择一个合适的名称

2. 如果 Toolpad Studio 应用程序当前不是 Git 仓库，您可以运行

   git init
   

   复制已复制（或 $keyC）

   来初始化它。

3. 您可以使用以下命令将 GitHub 上新创建的仓库设置为本地运行的 Toolpad Studio 应用程序的远程仓库：

   git remote add origin <REPOSITORY-URL>
   

   复制已复制（或 $keyC）

   将 <REPOSITORY-URL> 替换为您刚刚在 GitHub 上创建的仓库的 URL。

4. 完成对 Toolpad Studio 应用程序的更改后，请确认您位于 main 分支上，提交这些更改并将它们推送到 GitHub。

   git add .
   git commit -m "pushing a new version"
   git push origin main
   

   复制已复制（或 $keyC）

在 Render 上创建一个新应用

1. 拥有 Render 帐户后，您可以创建一个新的 Web Service

2. 根据 GitHub 仓库的可见性设置为私有还是公开，您需要连接您的 GitHub 帐户到 Render，或者粘贴您上面创建的仓库的 URL

3. 如果使用私有仓库，您需要在连接到 GitHub 后搜索并选择您想要部署的仓库

4. 选择仓库后，您可以进入部署配置。Render 可以识别出您正在部署 Node 应用程序。设置将在您部署的应用程序 URL 中显示的名称，例如 <APP-NAME>.onrender.com

5. 构建和启动命令设置为

   $ yarn; yarn build
   $ yarn start
   

   复制已复制（或 $keyC）

   默认值。您可以保持不变。

6. 为您的部署选择合适的实例类型。

7. 选择 “Create Web Service”（创建 Web 服务）以触发部署，它会将您重定向到正在进行的部署的流式日志。

8. Render.com 使用 14.7.0 作为默认的 Node 版本。Toolpad Studio 需要 18.17.1 版本作为最低 Node 版本。您可以通过为您的部署设置 NODE_VERSION 环境变量来更改默认版本

8. 一旦成功完成，您就可以在 <APP-NAME>.onrender.com 上访问您的 Toolpad Studio 应用程序。

就是这样！我们几分钟内就启动并运行了。

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

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