express설치하고 helloworld 출력하기 feat 포트 열기

AWS STUDY

  1. PuTTY로 aws ec2로 만든 리눅스 환경 접속하기

  2. ec2에-npm-설치

  3. express설치하고 helloworld 출력하기 feat 포트 열기

  4. AWS, Angular를 이용한 todo-list 만들기(1)

  5. AWS, Angular를 이용한 todo-list 만들기(2)


express설치

메뉴얼을 보고 express를 설치합시다.

1. 폴더를 만들고 들어갑시다.

1
$ mkdir myApp && cd myApp

2. npm init

1
$ npm init -y

-y를 붙여주면 지가 좀 알아서 해줍니다.

image

3. script를 수정

1
$ vi package.json

image

package.json을 열어서 scripttest를 지우고 start를 만들어 줍니다.

4. myApp.js

1
2
3
4
5
6
7
8
9
10
var express = require('express');
var app = express();

app.get('/', function (req, res) {
res.send('Hello World!');
});

app.listen(3000, function () {
console.log('Example app listening on port 3000!');
});

myApp.js 파일을 만든 후 위 소스를 넣어줍니다.

5. 실행

1
$ npm start

image

서버가 돌아갑니다.

인스턴스를 만들 때 확인했던 IPv4 퍼블릭 IP 주소를 이용하여 접속해봅니다.
브라우저에서 IPv4 퍼블릭 IP:3000을 입력합니다.

6. 안되네?

페이지를 표시할 수 없습니다.

난 안될 줄 알았어. 그냥 켠김에 해본거야. 진짜

7. port를 열자

인스턴스의 정보를 확인했던 화면으로 갑니다.
image

아래 보안 그룹에서 인바운드 규칙 보기를 클릭하면 하나 밖에 없습니다.

그 좌측을 클릭합니다.(이름은 다를 수 있음. 확인 안해 봄)

인바운드 - 편집 클릭

image

규칙 추가를 클릭하고 사용자 지정 TCP를 선택하야 myApp에서 사용하는 포트 3000을 추가하고 저장합니다.

8. 끝

브라우저에서 새로고침해보면 Hello World!가 뽝

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×