서버리스 애플리케이션 만들기

이 자습서에서는 AWS CodeStar와 AWS Cloud9을 사용하여 Node.js 서버리스 웹 애플리케이션을 개발하여 빌드하고 배포하는 방법을 알아보겠습니다. 개발자에게 소프트웨어 개발 워크플로 자동화를 설정하는 것은 시간이 많이 걸리고 세부적인 작업이 될 수 있습니다. AWS CodeStar는 AWS에서 애플리케이션을 신속하게 개발하고 빌드하여 배포할 수 있는 소프트웨어 개발 도구입니다. CodeStar를 사용하면 몇 분 만에 지속적 전달 툴체인을 설정할 수 있으므로 코드 릴리스를 더 빨리 시작할 수 있습니다.

Cloud9은 코드의 작성, 실행 및 디버깅을 위한 클라우드 IDE입니다. Cloud9은 JavaScript, Python, PHP 등 인기 있는 많은 프로그래밍 언어를 위한 필수 도구가 내장되어 있으므로 다양한 컴파일러나 툴체인을 설치하는 것에 대해 고민할 필요가 없습니다.

AWS CodeStar를 사용하면 몇 분 만에 새로운 AWS Lambda 기반의 Node.js 서버리스 웹 애플리케이션을 만들 수 있습니다. AWS CodeStar를 사용하여 AWS CodeCommit으로 소스를 제어하고 AWS CodePipeline으로 릴리스 프로세스를 자동화하여 지속적 전달 툴체인을 설정해 보겠습니다. 그런 다음 Cloud9을 사용하여 Node.js 프로젝트의 일부 코드를 변경하고 변경 사항을 커밋하여 지속적 파이프라인을 시작하고 프로젝트를 다시 배포하겠습니다.

이 자습서에서 사용하는 AWS 서비스는 AWS 프리 티어에 속한 것입니다.

이 자습서를 사용하려면 AWS 계정이 필요합니다.

무료 계정 만들기

AWS CodeStar 또는 AWS Cloud9에 대한 추가 비용은 없습니다. 이 자습서에서 생성하는 리소스는 프리 티어에 해당합니다.

AWS 프리 티어 세부 정보 보기 »

AWS Management Console을 엽니다. 이 단계별 안내서는 계속 열어 놓을 수 있습니다. 이 화면이 로드되면 먼저 사용자 이름 및 암호를 입력하여 시작합니다. 그런 다음 검색 창에 Codestar를 입력하고 CodeStar를 선택하여 CodeStar 콘솔을 엽니다.

(확대하려면 클릭)

이 단계에서는 CodeStar를 설정한 후 서버리스 AWS Lambda Node.js 프로젝트를 만들어 배포합니다.


a. CodeStar 홈페이지에서 프로젝트 시작을 선택합니다.

 

(확대하려면 클릭)


b. CodeStar는 AWS 리소스를 관리해 주며, 이렇게 하기 위해 CodeStar는 AWS 서비스 역할을 만들어야 합니다. 서비스 역할 생성 대화 상자에서 예, 역할을 생성합니다를 선택합니다.

(확대하려면 클릭)


c. 프로젝트 템플릿 선택 페이지에서 웹 애플리케이션과 AWS Lambda를 포함하는 Node.js 템플릿을 선택합니다. CodeStar를 사용하여 웹 사이트, 웹 애플리케이션, 웹 서비스 및 Alexa skills와 같은 다양한 애플리케이션을 손쉽게 개발할 수 있습니다. Java, JavaScript, PHP, Ruby, C#, Go, HTML, Python을 사용하여 개발할 수 있습니다.

(확대하려면 클릭)


d. 프로젝트 세부 정보 페이지에서 프로젝트 이름에 nodejs-serverless-project를 입력합니다. AWS CodeCommit을 선택했는지 확인한 후 다음을 클릭합니다.

(확대하려면 클릭)


e. 프로젝트 세부 정보 검토 페이지에서, CodeStar는 CodeCommit을 사용하여 버전을 관리하고, AWS CodeBuild를 사용하여 빌드 및 테스트하고, AWS CloudFormation을 사용하여 Lambda에 배포함으로써 완벽한 연속 통합 파이프라인을 설정합니다. 또한 CodeStar는 Amazon CloudWatch를 사용하여 애플리케이션을 모니터링합니다. 프로젝트 생성을 선택합니다.

(확대하려면 클릭)


f. 도구 설정 페이지의 코드를 편집할 방법을 선택합니다에서 AWS Cloud9를 선택한 후 다음을 선택합니다.

(확대하려면 클릭)


g. AWS Cloud9 환경 설정 페이지의 권장 인스턴스에서 t2.micro를 선택한 후 다음을 선택합니다. Cloud9 IDE는 이 인스턴스에서 실행하며 브라우저를 통해 액세스하게 됩니다.

(확대하려면 클릭)


h. 이제 AWS CodeStar는 CodeStar 프로젝트를 설정하고 Cloud9 IDE에 연결합니다. 몇 분 후에 성공! 프로젝트 및 IDE가 설정되며 사용할 준비가 됩니다 메시지가 표시됩니다.

(확대하려면 클릭)


i. 프로젝트 대시보드가 표시됩니다. 애플리케이션 엔드포인트 타일을 찾아서 가로 막대 사이의 링크를 선택합니다. 새 탭이나 브라우저 창에 새로운 Node.js 애플리케이션이 표시됩니다. 연속 배포 프로세스가 완료되는 동안 대기중 아이콘 사각형이 계속 표시되다가 사라집니다.

(확대하려면 클릭)

이 단계에서는 Cloud9을 사용하여 애플리케이션을 변경한 후 CodeCommit에 변경 사항을 커밋하여 CodePipeline에서 자동으로 CodeBuild를 통해 코드 빌드를 시작하고, CloudFormation을 통해 Lambda로 배포하도록 합니다.


a. AWS CodeStar 대시보드로 돌아가서 코딩 시작을 선택합니다. CodeStar는 git 리포지토리를 Cloud9 환경으로 복제하고 브라우저에서 Cloud9 IDE를 엽니다. Cloud9 IDE 하단의 bash 탭에서 다음 명령을 사용하여 코드 작업을 시작할 디렉터리를 변경합니다.

cd /home/ec2-user/environment/nodejs-serverle

(확대하려면 클릭)


b. 새로운 Cloud9 환경을 설정할 때 다음 명령을 사용하여 git user.nameuser.email을 설정하는 것이 좋습니다.

git config --global user.name YOUR_USER_NAME
git config --global user.email YOUR_EMAIL_ADDRESS

c. 이제 환경이 모두 설정되었으며 개발을 시작할 수 있습니다. Cloud9 IDE에서 왼쪽의 이동 탭을 선택한 후 index.html을 선택합니다. 그러면 Cloud9 IDE에서 index.html 파일이 열립니다.

(확대하려면 클릭)


d. 대부분의 IDE와 마찬가지로 Cloud9에는 텍스트 편집 및 검색을 위한 단축 키가 있습니다. 변경할 코드 행을 찾으려면 macOS의 경우 Command+F 키, Windows의 경우 Ctrl+F 키, Linux의 경우 Ctrl+F 키를 사용하십시오. appl찾기 검색 창에 입력하면 Cloud9 편집기 화면이 스크롤되면서 62행의 appl 문자열이 강조 표시됩니다.

(확대하려면 클릭)


e. macOS의 경우 Command+S 키, Windows의 경우 Ctrl+F 키, Linux의 경우 Ctrl+F 키를 사용하여 Cloud9 IDE에서 application이라는 단어 뒤에 느낌표 3개를 추가한 후 변경 사항을 저장합니다.

(확대하려면 클릭)


f. Cloud9 IDE 하단의 bash 탭에서 다음 명령을 입력하여 변경 사항이 저장되었는지 확인합니다.

git status

git에서 수정됨: public/index.html이라는 빨간색 메시지를 반환할 경우, 변경 사항이 저장되었고 커밋할 준비가 완료된 것입니다.

git에서 nothing to commit, working tree clean(커밋할 사항이 없음, 트리 정리 중)이라 메시지를 반환할 경우 Cloud9 IDE에 변경 사항을 저장해야 합니다.


g. 이제 변경 사항을 준비하고 커밋한 후 다음 명령을 사용하여 CodeCommit에서 git의 마스터 브랜치에 푸시하십시오.

  git add public/index.html
  git commit -m "add three bangs"
  git push origin master

(확대하려면 클릭)


h. CodeCommit의 마스터 브랜치에 변경 사항을 푸시하면 CodePipeline이 연속 배포 프로세스를 시작합니다. AWS CodeStar 대시보드에 액세스한 후 연속 배포 타일로 스크롤하여 프로세스를 모니터링합니다. 몇 분 동안 코드가 소스 단계에서 빌드 단계를 거쳐 배포 단계로 진행하는 것을 볼 수 있습니다.

(확대하려면 클릭)


i. 코드가 배포 단계에 도달하면, CodeStar 애플리케이션 엔드포인트 타일에서 URL을 선택하여 변경 사항이 실제 웹 애플리케이션에 적용되었는지 확인합니다. 브라우저에 페이지가 로드되면, 추가한 느낌표가 있는지 확인합니다.

(확대하려면 클릭)

이 단계에서는 CodeStar 프로젝트, Cloud9 환경 및 모든 관련 리소스를 종료합니다.

중요: 현재 사용되지 않는 리소스를 종료하면 비용이 절감되므로 권장됩니다. 리소스를 종료하지 않으면 요금이 부과될 수 있습니다.


a. CodeStar 콘솔의 기본 페이지로 이동하려면 AWS CodeStar를 선택하고 줄임표를 선택한 후 삭제를 선택합니다.

(확대하려면 클릭)


b. 프로젝트 삭제 화면의 텍스트 상자에 nodejs-serverle를 입력하고 삭제를 선택합니다.

AWS CodeStar와 AWS Cloud9을 사용하여 AWS Lambda 기반 Node.js 서버리스 웹 애플리케이션을 개발하고 배포해 보았습니다.

AWS CodeStar는 웹 사이트, 웹 애플리케이션, 웹 서비스 및 Alexa skills와 같은 다양한 애플리케이션을 개발 및 빌드하고 배포하기 위한 훌륭한 선택입니다. Java, JavaScript, PHP, Ruby, C#, Python을 사용하여 개발할 수 있습니다.

AWS Cloud9은 JavaScript, Python, PHP에서 코드를 작성 및 실행하고 디버깅하는 데 적합한 클라우드 IDE로서, 다양한 컴파일러와 툴체인을 설정하고 관리할 필요가 없습니다.

지금까지 AWS CodeStar와 AWS Cloud9을 사용하여 서버리스 애플리케이션을 빌드하는 방법을 배웠으며, 이제 다음 옵션 중 하나를 선택하여 알아보십시오.

IDE와 AWS CodeStar 통합

원하는 환경에서 코드를 작성하고 개발한 후 CodeStar에 푸시합니다.

IDE와 AWS CodeStar 통합 »

Amazon CodeStar 팀과 협력하기

AWS CodeStar 프로젝트에 대한 기타 액세스 권한을 부여하여 협업을 수행합니다.

AWS CodeStar 팀에 다른 구성원 추가 »

AI 블로그

Cloud9 통합 개발 환경을 설정하고 사용자 지정합니다.

Cloud9 사용자 지정 »