Dev AWSome Day 2018의 복습 ⑥ ~Web앱 공개편~

지난번 다음에, Dev AWSome Day 2018 의 복습으로서, 최종적으로 완성된 웹 어플리케이션을 공개하는 곳을 다시 공부합니다.

※일단, 최종회입니다

애플리케이션 빌드



먼저 만든 웹 애플리케이션을 빌드합니다.
이번에는 빌드에 yarn을 사용하고 있습니다.
> yarn build

애플리케이션 게시



그런 다음 S3에 게시용 버킷을 준비합니다.
> aws s3 mb s3://devawsome-publish-mine --region us-west-2

※「devawsome-publish-mine」은 버킷명입니다

또한 애플리케이션을 버킷에 업로드합니다.
> aws s3 sync . s3://devawsome-publish-mine --acl public-read

업로드한 파일은 동기화되고 "--acl public-read"옵션을 붙임으로써 파일이 버킷에 업로드됨과 동시에 공개적으로 읽기 액세스할 수 있는 권한이 부여됩니다.

마지막으로 S3 버킷의 정적 웹 사이트 호스팅을 활성화합니다.
> aws s3 website s3://devawsome-publish-mine --index-document index.html

이제 다음과 같이 버킷 이름을 지정하여 액세스할 수 있습니다.
http://devawsome-publish-mine.s3-website-us-west-2.amazonaws.com

확인



웹 브라우저에서 URL에 액세스합니다.
그러면 먼저 로그인 화면이 표시됩니다.

사용자 이름과 암호를 설정하면 파일 업로드가 표시됩니다.

파일을 업로드한 후 '내 사진 목록'에서 결과를 확인합니다.


AWS 서비스의 구성은 다음과 같습니다.

※Cloud9의 부분은 생략했습니다

요약



전 어플리케이션 엔지니어에게 있어서, 이렇게 간단하게 Web 서비스(그것도 나름대로 기능이 제대로 하고 있다)를 할 수 있어 버리는 것이 놀라웠습니다.
물론, 설정 파일 등, 내용을 이해하지 않고 그대로 이용하고 있는 것이 다수 있으므로, 지금까지 작성할 수 있게 되기 위해서는, 좀더 더 공부해야 합니다만.

좋은 체험을 할 수 있었다고 생각하고 있기 때문에, 앞으로도 첼레인지 해 나가고 싶습니다.

좋은 웹페이지 즐겨찾기