AWS EC2 Angular 5 ng不通过浏览器连接

Question

我设法让我的Angular 5应用程序在AWS EC2 Ubuntu上运行...

开始标准的Ubuntu实例,使用PuTTy进入shell,安装节点,进入下4条"魔术线"......

mkdir ~/.npm-global
npm config set prefix '~/.npm-global'
export PATH=~/.npm-global/bin:$PATH
source ~/.profile

做了我的公司目录,为@ angular/cli做了全局npm安装,克隆了我的git,将dir更改为项目子文件夹,为@ angular/cli做了本地npm安装,然后为我的项目运行了npm install.此时,我能够在上述任何步骤中运行ng服务而没有严重错误!噢!

它显示它很高兴在端口4200上运行.我甚至用netstat -anp检查了 grep 4200以及telnet 127.0.0.1 4200.是的所有工作.

然后我进入AWS仪表板,为我的实例创建了一个安全组,使用默认值打开HTTP和HTTPS,然后为Port Range 4200添加一个自定义TCP规则,打开到Anywhere,并保存.但是,当我进入浏览器并输入http://xx.xx.xx.xx:4200(其中x是AWS分配给我的实例的公共IP)时,我得到一个"无法建立连接到服务器"错误.

我错过了什么？

Answer 1

首先,请注意ng-cli中的内置web服务器不适用于生产.如果这是用于生产,我强烈建议您找到更好的解决方案.

要从其他设备/互联网访问该网站,您必须指示ng-cli在正确的IP地址上提供服务.你可以通过跑步来做到这一点ng serve --host x.x.x.x.

如果您输入服务器LAN-IP(取决于您的设置),它可能会工作.你可以通过运行找到它ifconfig.

但是,由于您正在托管静态网站,因此另一种解决方案是在S3上托管应用程序.为此,请运行ng build --proddist文件夹并将其上载到AWS S3.他们在这里有一个教程.

或者,您可以使用Apache或nginx之类的东西来为您的EC2实例提供已编译的应用程序.