在Heroku上部署Angular 7 App —快速简便的方法

通过简单的步骤在Heroku上部署Angular 7应用程序

部署曾经痛苦不堪的应用的日子已经一去不复返了。 但是一切似乎很容易,直到您尝试为止。 别担心,这对您来说很容易。

我在下面列出了这些步骤,只需按照这些步骤操作,您的应用程序将立即启动并运行。 感谢Heroku :)。

第一步

在package.json中,将启动脚本从“ start”:“ ng serve” 更改为 “开始”:“ node server.js”并添加新脚本,即“后安装”:“ ng build — aot — prod”。

第二步

在package.json中添加引擎详细信息。 不管使用什么版本,都要替换该版本。

“引擎”:{“节点”:“ 8.12.0”,“ npm”:“ 6.4.1”}

第三步

您需要创建server.js文件并将其添加到根目录中。 请在下面的附件中进行创建。

第四步

确保.gitignore文件不排除/ dist文件夹,因为这是构建后移动应用程序文件的文件夹。

现在你很好。 我想您已经在Heroku上建立了帐户,如果没有,请免费创建一个帐户。

让我知道您是否需要任何帮助。