Angular 5为AWS EC2创建应用程序源包

时间:2018-02-08 19:14:27

标签: amazon-ec2 elastic-beanstalk angular5

在AWS Elastic Beanstalk中,有一个用于部署node.js应用程序的向导流。当我进入&#34的步骤;上传你自己的"应用程序源,它用通用术语描述了它们的3个要求:zip文件,少于500MG,没有父文件夹。 但他们就止步了。没有具体细节。 我匆匆忙忙地跑去跑......

  

ng build --prod

...现在有一个dist文件夹。那么......我的zip文件和文件夹级别包含哪些内容?我尝试过/ dist,还有/ myapp / dist,其中包括/ myapp中的所有其他松散文件,但没有其他子文件夹,如/ src。我已经浏览了整个网络,但是没有看到为AWS EC2拉上应用程序源包的简单教程。

要上传的zip文件应包含哪些内容?

1 个答案:

答案 0 :(得分:2)

上面我的问题中的主要罪恶是尝试使用他们对node.js作为我的服务器平台的选择来在AWS中运行我的Angular 5应用程序。这是我学到的东西(在Albert Haff等人的帮助下:Angular 5使用Node(ng服务)在你编码的时候模拟一个web服务器。但是,即使有一个支持的标志--prod,它也不是在生产中使用!在通过Beanstalk部署Angular 5应用程序时选择node.js作为环境真的很容易(并且很诱人) - 但是不要这样做!

  1. 从Angular 5项目文件夹中运行ng build --prod(并考虑添加--aot)
  2. 如果可以的话,可以在刚刚创建(或更新)构建的new / dist文件夹中,选择性地运行压缩,如for i in dist/*; do brotli $i; done
  3. 从/ dist文件夹中,压缩所有内容,包括子文件夹。
  4. 转到beanstalk,在创建Web服务器环境时,选择Tomcat(或任何其他普通的旧web服务器,但不要选择node.js,即使它在列表中!)。
  5. 在应用程序代码上,选择上传自己,然后浏览到您在上面的步骤3中创建的.zip文件。
  6. 点击创建环境,几分钟后,您的Angular 5应用程序将在互联网上投放。
  7. 现在,您可能需要连接您的域名。使用Route 53。