如何使用 aws ec2 浏览器连接到 http://localhost:4200

Question

我正在在线课程中学习 node.js 以构建 Web 服务器和应用程序

在教学开始之前，老师告诉我设置你的编码环境，它有一个方向告诉我一步一步做什么。

因为我使用的是 Chromebook，所以我启动了一个 ubuntu 18.04 的 aws ec2 serve 并使用 cloud9 作为我的 ide

我在ec2上安装node.js成功

方向告诉我在终端上输入那些

---

git clone https://github.com/OpenClassrooms-Student-Center/5614116-front-end-app.git frontend

然后您可以执行以下操作：

cd frontend
npm install
ng serve

这将安装前端应用所需的所有依赖项并启动开发服务器。现在，如果您导航到 http://localhost:4200 ，您应该会看到以下内容（假设您已成功执行上述步骤）：

---

方向说如果我成功按照步骤，会在http://localhost:4200看到一些东西

在终端上，终于给我看

ℹ ｢wdm｣: Compiled successfully.

但是我怎样才能连接到 http://localhost:4200 这是一个 ec2？

---

我尝试使用 IP:4200，浏览器一直在加载页面，但浏览器上没有显示任何内容

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

我发现老师给我安装的程序将URL设置为http://localhost:4200

因为 cloud9 说程序正在运行，但在 URL 调用 http://localhost:4200 处运行

我该怎么办？

Answer 1

Localhost 指的是您的本地机器。但如前所述，您的 node.js 在 ec2 上运行并希望从浏览器连接到它，获取 ec2 的 IP 并在浏览器中输入 - IP:4200 它应该可以工作

Answer 2

这里唯一的问题是您必须在 aws ec2 实例 security group 中添加 port 4200 以允许 入站流量。

STEPS: 
1. Go to your EC2 instance.
2. Click security group from Description below.
3. Click Inbound then Edit.
4. Click Add Rule
5. Select Custom TCP , Port - 4200 , IP - 0.0.0.0/0
6. Then SAVE.

然后在您的浏览器中尝试<EC2-IP:Port>，它会正常工作。