如何将React app部署到Heroku?

React是一个非常流行且广泛使用的库,用于构建用户界面。因此,如果您正在考虑将React应用程序部署到云平台,则可以使用多种选择,例如AWS EC2或Heroku。但是对于测试您的React应用程序来说,Heroku将是最好的选择,因为它是免费的,并且非常容易上手。 
 
先决条件: 
 
安装了Node.js和npm。 
在Windows上安装Node.js
在Linux上安装Node.js
关于GitHub的知识。
关于Heroku的基础知识。
已经创建了一个React应用。
注意:确保下面显示的所有命令必须仅在项目文件夹中运行。
 
步骤1:通过运行以下命令在系统中安装Heroku CLI。它将更新版本的Heroku CLI安装到您的系统中。
 
卷曲https://cli-assets.heroku.com/install-ubuntu.sh | SH
要检查版本,您可以运行命令。
Heroku -v
步骤2:现在,完成注册后,转到仪表板并创建一个名为“ myherokuapp ”或您选择的名称的新应用。 
 
步骤3:运行以下命令,它将提示您输入任何密钥以继续,它将在浏览器中打开一个新选项卡,要求您登录到Heroku帐户。输入所需的凭据并登录该站点后,它将显示在终端“已登录”中
 
heroku登录
步骤4:通过运行以下命令初始化Git存储库。确保您位于项目目录的顶层。
 
git初始化
步骤5:现在,只需运行将在Heroku仪表板-> myherokuapp或您的应用程序名称-> Deploy部分中 找到的命令,即可添加Heroku遥控器。
 
要么 
 
只需运行以下命令。部署方法应选择为GitHub。
 
heroku git:远程-a myherokuapp
第6步:现在最重要的组成部分,即Heroku上提供buildpack为Python,基于Node.js的应用程序,但它并没有提供buildpack的作出反应的应用程序。因此,我们必须在Heroku应用程序的设置部分中添加一个额外的buildpack。
 
步骤7:现在运行以下命令以将项目推送到资源库。
git添加。
git commit -m“第一次提交”
git push heroku主
步骤8:成功将您的React应用推送到Heroku存储库。现在,最后要查看您已部署的应用程序,请运行以下命令。
 
最后,该网络应用将部署
 
注意:它将打开您已部署的应用程序到浏览器。如果出现任何问题(例如您的React应用未显示),那么您可以运行以下命令来检查日志中出了什么问题。考虑一件事,在部署之前尝试从应用程序中删除所有警告,因为heroku会将所有警告视为错误。
heroku日志--tail
 
18215660330
179001057@qq.com