如何将 React 应用程序部署到 Heroku？

Heroku 是一个流行的云平台，许多开发人员使用它来托管他们的应用程序。在本文中，我们将指导您如何将 React 应用程序部署到 Heroku。

前提条件

在开始本教程之前，您需要完成以下任务：

• 创建一个 Heroku 帐户
• 安装 Git

步骤一：准备您的应用程序

首先，您需要将您的 React 应用程序打包成一个可以部署的静态文件。在您的应用程序目录中执行以下命令：

npm run build

该命令将为您的应用程序生成一个 build 目录，其中包含您的静态文件。

步骤二：创建一个 Heroku 应用程序

在部署您的应用程序之前，您需要在 Heroku 上创建一个新的应用程序。在命令行中执行以下命令：

heroku create

该命令将为您的新应用程序创建一个随机的名称，并向您显示其 URL。

步骤三：将您的应用程序上传到 Heroku

接下来，您可以使用 Git 将您的应用程序上传到 Heroku。在应用程序根目录中，执行以下命令：

git init
git add .
git commit -m "Deploy to Heroku"

完成这些步骤后，您需要将您的 Git 仓库连接到 Heroku。在命令行中执行以下命令：

heroku git:remote -a your-heroku-app-name

请注意将 your-heroku-app-name 替换为您在第二步中创建的应用程序名称。

最后，您可以使用 Git 将您的应用程序上传到 Heroku：

git push heroku master

完成此操作后，您的应用程序将被上传到 Heroku，并自动部署。

步骤四：打开您的应用程序

要查看您的应用程序，请执行以下操作：

heroku open

该命令将自动在您的默认浏览器中打开您的应用程序。

总结

在本教程中，我们演示了如何将 React 应用程序部署到 Heroku。希望这些步骤对您有所帮助。祝你好运！