이번 시간에는 포트폴리오 사이트를 배포하는 과정에 있어서 정리하고자 작성한다.
현재 프로젝트 배포 + 포트폴리오 사이트 배포를 진행했다. 프로젝트는 포트폴리오 사이트에서
이동되도록 링크를 앞으로 쭈욱 열어두고 있을 예정이다.
Route 53
라우트53은 AWS에서 제공되는 IP와 도메인을 연결 시켜주는 도구다.
도메인은 가비아에서 구매하였고, EC2 인스턴스에 생성된 퍼블릭 IP를 탄력적 IP로 변경하여, 라우트53으로 도메인에 연결했다. 연결 순서를 봐보자!
📌 Route53 진입
우선 AWS에 로그인을 하고, 검색창에 Route만 검색해서 Route53이 나온다. 클릭 후 페이지를 이동하면 아래와 같은 페이지가 나온다. 그럼 호스팅영역이라는 파란글을 클릭!
이와 같은 페이지로 이동 한 뒤, 우측 상단의 호스팅 영역 생성 클릭!
📌 호스팅 영역 생성
아래와 같은 호스팅 영역 생성 페이지로 들어오면 가비아든 어디든 구매한 도메인을 넣어주고 생성하자 ex) velog.com
아래는 생성 후 개인이 구매한 도메인으로 호스팅 영역이 생성된다.
나는 2개를 했으니까 2개지만, 처음 하시는 분은 1개가 생성되어 있을 것이다.
그럼 도메인 이름에는 생성된 호스팅이 있을텐데 클릭해주자!
(우측 상단 클릭 X)
📌 네임서버 변경
위에서 생성했던 호스팅을 클릭하면 세부정보를 알 수 있는데 NS, SOA 두 가지가 있을 것이다. 여기서 NS를 보면 4개의 값이 있다. 개인이 도메인을 구매한 사이트로 이동해서 도메인 설정하는 곳으로 들어가자.
(가비아라면 로그인 -> MY가비아 -> 서비스관리 -> 해당 도메인 관리툴)
그럼 페이지가 이동되는데 그 페이지 중간을 보면 네임서버이 있고, 설정을 클릭하여 위에서 생성된 NS 값을 1차~4차까지 복붙해주자.
그리고 사용자인증을 하고 설정을 완료하자!
📌 탄력적 IP 할당 및 연결
AWS의 EC2로 인스턴스를 생성해서 IP를 받았으면, 아마 퍼블릭IP라는 IP를 할당 받았을거다. 이건 AWS에서 주기적으로 IP를 변경해주기 때문에 이대로 사용하면 아니된다! 탄력적IP로 변경해야 비로소 IP가 고정으로 얻게된다.
EC2로 이동 후 왼쪽 메뉴를 보면 탄력적IP라는 메뉴를 클릭!
아래 이미지 페이지가 나오면 우측 상단 탄력적 IP 주소 할당 클릭!
(전 이미 만들어놔서 2개가 있지만, 없는 분들은 생성해주세요)
아래 네트워크 경계 그룹은 EC2에서 처음 생성 시 지역을 뜻한다.
(혹시 S3, Lambda를 진행하게 되면 region이라고도 불리게 된다.)
여튼 같은 지역으로 설정을 하자. 그리고 맨 아래 할당 클릭!
아래 처럼 할당으로 생성된 IP가 있다. 해당 IP에 체크를 하고 우측 상단의 작업 -> 탄력적IP주소연결을 클릭하자!
그럼 아래 페이지가 나온다. 중간 인스턴스에서 선택을 할 수 있는데 EC2에서 생성한 인스턴스들이 있다. 연결할 해당 인스턴스를 선택해서 우측하단 연결을 클릭해주자!
이렇게 까지 했다면 퍼블릭IP -> 탄력적IP로 연결되게 된다. 이렇게 하나의 탄력적IP에 하나의 인스턴스를 연결하게되면 비용이 추가가 안된다고 한다. 연결을 해두지 않은 채 생성만 하게되면 비용이 나간다니 주의하자!
📌 도메인 연결 -1
탄력적 IP까지 할당해서 인스턴스와 연결을 했다면, 이제는 그 IP와 구매한 도메인을 연결을 해주면 끝난다.
다시 라우트53으로 이동하고, 호스팅 영역으로 들어가자.
해당하는 호스팅 도메인이름 클릭!
(우측 호스팅 영역 생성 X)
그럼 아래 페이지로 세부정보가 보인다. 여기서 두가지를 추가할 예정이다.
첫번째는 탄력적 IP와 도메인을 연결
두번째는 도메인 앞에 www 붙히는 CNAME 생성
우측 상단의 레코드 생성 클릭!
아래 처럼 하면되는데 레코드이름은 건들 필요는 없고, 레코드유형에 A로 선택 후 값에는 할당받은 탄력적 IP를 넣어준 뒤 레코드를 생성!
이렇게하면 연결했던 배포과정에서 연결이 끊겼다. 이유는 기존 IP에서 탄력적IP로 변경이 됐기 때문이다. 다시 연결해주면 끝~
📌 도메인 연결 -2
여기서는 두번째로 얘기했던 www를 도메인에 붙히는 방법이다.
별명을 지어준다고 생각을 하면 된다.
우측 상단 레코드 생성 클릭!!
아래에서 레코드 이름 빈 칸에 www 넣고, 레코드 유형은 CNAME으로 설정한 뒤 값에는 도메인을 넣어주고 레코드 생성 클릭!
ex) velog.com
지금까지 진행을 했다면 무사히 구매한 도메인과 인스턴스를 연결을 했을거라 생각든다. 중간 중간 가비아에서 어떻게 구매를 했는지, 리눅스 기반의 우분투로 어떻게 진행을 했는지는 개인마다 다르기 때문에 정리는 안했다.
대략 순서는
- 코드를 작성한 뒤, 배포에 필요한 코드를 설정한다.(추가한다)
- 깃허브로 하기 때문에 깃허브에 레퍼지토리를 생성한 뒤 push한다.
- AWS 배포를 위한 EC2에서 인스턴스를 생성한다.
- 우분투로 진행했기에 우분투에 레퍼지토리를 클론한다.
- 우분투 경로로 nodejs npm 설치 후 npm i로 패키지 설치
- pm2를 설치하여 pm2로 서버 열기
- 도메인 구매 및 IP 설정하여 연결
- nginx 및 https 연결
