部署 React.js 应用到 Heroku

简介

React.js 是目前最流行的前端 JavaScript 框架之一，使用它可以帮助开发人员构建动态的 UI 在 Web 应用或手机应用程序中使用。Heroku 是一种云应用程序平台，在这里可以部署您的应用程序。当您将React.js 应用程序部署到 Heroku，您的应用程序不再是本地开发，而是可以在全球范围内使用。

步骤

1. 安装 Heroku CLI

在开始之前，请先安装 Heroku CLI，以便您可以与 Heroku 平台进行交互。有关安装过程的说明，请访问以下网址：

• macOS：https://devcenter.heroku.com/articles/heroku-cli#download-and-install
• Windows：https://devcenter.heroku.com/articles/heroku-cli#download-and-install

2. 创建新的 Heroku 应用程序

使用以下命令创建新的 Heroku 应用程序：

$ heroku create <app-name>

注意：要替换 <app-name> 为您的应用程序名称。

3. 部署应用程序

• 将您的 React.js 应用程序添加到 Git 仓库。

$ git init
$ git add .
$ git commit -m "Initial commit"

• 将本地 Git 仓库与您的 Heroku 应用程序关联。

$ heroku git:remote -a <app-name>

注意：请确保替换 <app-name> 为您的应用程序名称。

• 将代码推送到 Heroku 平台

$ git push heroku master

• 执行应用程序

  在浏览器中打开网站应用程序：

$ heroku open

结论

React.js 应用程序可以与 Heroku 平台进行完美集成，部署的过程也不复杂。通过将自己的应用程序迁移到 Heroku 上，可以将其开放给全球范围内的用户，并为自己的业务带来更多机会。