创建反应应用部署 Heroku - Javascript

在本文中，我们将介绍如何创建一个反应（React）应用，并将其部署到Heroku上。我们将使用Heroku作为平台，它是一个云平台，可以使部署变得更加简单。

前置条件

1. Node.js 和 npm 已经安装并且在系统路径中
2. 一个 Heroku 帐户，并且已经安装 Heroku CLI。

创建反应应用

首先，我们需要创建一个新的反应应用程序。打开终端，并按照以下步骤执行：

1. 创建一个新目录 (mkdir react-app) 并移动到该目录 (cd react-app)。

2. 在终端中运行以下命令来创建一个新的反应应用程序。这将为你创建一些基本的反应文件。

npx create-react-app .

备注：注意最后的点号（.）表示它将在当前目录下创建应用程序。

部署到 Heroku

我们已经创建了反应应用程序，现在我们将把应用程序部署到Heroku上。

登录 Heroku

登录你的Heroku 帐户，使用以下命令。

heroku login

创建 Heroku 应用程序

Heroku 命令行工具是通过 Heroku API 与 Heroku 平台进行交互的，我们在 Heroku 上创建一个新的应用程序，可以使用 cli。

heroku create my-react-app --buildpack mars/create-react-app

备注：应用程序名称必须是唯一的，如果你出现名称已存在的错误，请稍后再试，或者使用其他应用程序名称。

部署

现在，我们已经创建了一个Heroku应用程序，并且准备好将我们的反应应用程序部署到这里。下面是步骤：

1. 使用 Git 将代码推送到Heroku，代码将自动构建。请运行以下命令：

git push heroku master

2. 推送代码后，你将看到 Heroku 运行app的日志。当你在终端中看到以下输出时，你的部署已经完成：

remote: Verifying deploy.... done.
To https://git.heroku.com/my-react-app.git
 * [new branch]      master -> master

3. 然后，我们需要在Heroku上运行我们的应用程序，使用下面的命令：

heroku ps:scale web=1

测试

现在我们已经部署了我们的反应应用程序，可以访问应用程序 URL 并查看您的应用程序是否正在运行：

heroku open

结论

通过使用 Heroku 平台，您可以轻松地将反应应用程序部署到生产环境，并获得可靠的托管服务。您的应用程序将随着时间的推移而自动更新，这无疑会为您的开发流程带来很大的便利。