[Basic Web Application 구축하기(1)] - AWS Amplify 정적 리소스 배포

728x90

AWS Amplify (https://docs.aws.amazon.com/ko_kr/amplify/latest/userguide/welcome.html)
- 프런트엔드 웹 및 모바일 개발자가 에서 풀스택 애플리케이션을 빠르고 쉽게 구축할 수 있도록 특별히 제작된 도구 및 기능 세트로 Amplify Hosting 및 Amplify Studio라는 두 가지 서비스를 제공
Amazon API Gateway (https://docs.aws.amazon.com/ko_kr/apigateway/latest/developerguide/welcome.html)
- 규모와 관계없이 REST 및 WebSocket API를 생성, 게시, 유지, 모니터링 및 보호하기 위한 AWS 서비스
AWS Lambda (https://docs.aws.amazon.com/ko_kr/lambda/latest/dg/welcome.html)
- 서버를 프로비저닝하거나 관리하지 않고도 코드를 실행할 수 있게 해주는 컴퓨팅 서비스
Amazon DynamoDB (https://docs.aws.amazon.com/ko_kr/amazondynamodb/latest/developerguide/Introduction.html)
- 완전관리형 NoSQL 데이터베이스 서비스로서 원활한 확장성과 함께 빠르고 예측 가능한 성능을 제공
AWS IAM(Identity and Access Management (https://docs.aws.amazon.com/ko_kr/IAM/latest/UserGuide/introduction.html)
- AWS 리소스에 대한 액세스를 안전하게 제어할 수 있는 웹 서비스
- IAM을 사용하면 사용자가 액세스할 수 있는 AWS 리소스를 제어하는 권한을 중앙에서 관리할 수 있음
- IAM을 사용하여 리소스를 사용하도록 인증(로그인) 및 권한 부여(권한 있음)된 대상을 제어

이 모듈에서는 AWS Amplify 콘솔을 사용하여 웹 애플리케이션을 위한 정적 리소스를 배포한다.

HTML, CSS, JavaScript, 이미지, 기타 파일을 비롯한 모든 정적 웹 콘텐츠는 AWS Ampliry에서 호스팅한다.

최종 사용자는 Amplify에 표시된 URL을 사용하여 해당 사이트에 액세스한다.

1.1 vscode(다른 텍스트 편집기 가능)를 열어 index.html을 작성한다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
</head>

<body>
    Hello World
</body>
</html>

1.2 Amplify 콘솔로 이동

1.3 리전을 오레곤(us-west-2)로 변경

1.4 웹 앱 호스팅 시작하기

1.5 Git 공급자 없이 배포 선택

1.6 앱 이름과 환경 이름을 설정

1.7 아까 작성한 index.html을 ZIP 파일로 압축

1.8 드래그 앤 드롭을 선택하고 index.zip 파일 업로드

1.9 모든 작성이 끝났으면 저장 및 배포 선택

1.10 배포 완료

2.1 도메인 URL복사

2.3 브라우저에 URL입력하여 Hello World가 잘 나오는지 확인

[Basic Web Application 구축하기(4)] - 데이터 테이블 생성, DynamoDB, IAM (0)	2023.11.16
[Basic Web Application 구축하기(3)] - 웹 앱에서 서버리스 함수 연결 (2)	2023.11.16
[Basic Web Application 구축하기(2)] - AWS Lambda 함수 생성 (0)	2023.11.15

Ga0Lee