使用 Render 免费部署你的 Node.js 应用程序

994 阅读3分钟

Render提供如下图各种注册方式:

一旦注册并登陆账号之后,你会看到控制面板:

点击Web Services选项卡下的 New Web Service按钮来部署Node.js应用。

你也可以通过点击网页头部你头像旁边的 New + 按钮来选择 Web Service选择卡。

点击之后,会看到以下画面:

点击GitHub菜单下方的Connect account按钮,会看到以下画面:

点击Configure链接,就可以允许Render选取你所有或者选择的GitHub仓库。

我希望只访问选择的仓库,也就是我需要部署的。所以我选择Only select repositories选项。

然后,点击在选择卡下方的Select repositories按钮,选择你想要部署的仓库。

选择完毕后,你会看到如下画面:

点击绿色按钮Install,使得Render有权访问你选择的仓库。

点击完毕后,你会被重定向到控制台,看到如下画面:

现在,点击Connect按钮,看到如下画面:

在Name框中,输入一个简短的名字来标识你的网站。

注意: 请保持Name值的简单,因为部署完毕后,它将成为应用的URL。 所以如果我将github-repos设置为Name的值,我的应用URL会成为github-repos.onrender.com

所以请填写一个简单有意义的Name值。

如图填写剩下的部分:

在Build Command中填写yarn就等同于yarn install命令。Yarn是一个类似于npm的包管理工具,但是比npm要快。

如果你的入口文件是 index.js,在Start Command中填写node index.js。

填写完所有细节之后,向下滚动页面,会看到Plans区域,自动勾选的是免费计划。如果没有被勾选,请勾选好,因为我们的目的是免费部署应用。

再向下滑动页面会看到Advanced按钮。

如果你的应用使用了环境变量,你可以在Advanced设置中输入。也可以在这里添加 .env文件,这样就不用你手动一个一个地添加。

注意Auto-Deploy的默认值是Yes——所以一旦你向GitHub仓库推送了更新,它们就会被自动部署到Render。

如果你并不想每次更改仓库的时候都自动部署,你可以在 Auto-Deploy下拉菜单中选择No。

现在,点击Create Web Service按钮来开始部署过程。

部署可能需要等待一段时间,有时候如果页面卡在了“in progress”阶段,可以尝试刷新一下页面。

一旦部署完成,你可以看到如图,应用被部署,有一个Live 小标:

你可以点击在顶部的应用URL,在我的例子中,这个URL是github-repos.onrender.com/

如果是首次部署应用,可能在访问网站的时候会遇到Page is not working报错。

等待一段时间,并且使用Ctrl + R或Cmd + R(Mac)来刷新页面。因为免费服务的硬件有限,所以Render平台需要一些时间来启动一个项目。

部署成功后,可以如下图一样看到你的应用: