Dev AWSome Day 2018의 복습 ⑥ ~Web앱 공개편~
※일단, 최종회입니다
애플리케이션 빌드
먼저 만든 웹 애플리케이션을 빌드합니다.
이번에는 빌드에 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 서비스(그것도 나름대로 기능이 제대로 하고 있다)를 할 수 있어 버리는 것이 놀라웠습니다.
물론, 설정 파일 등, 내용을 이해하지 않고 그대로 이용하고 있는 것이 다수 있으므로, 지금까지 작성할 수 있게 되기 위해서는, 좀더 더 공부해야 합니다만.
좋은 체험을 할 수 있었다고 생각하고 있기 때문에, 앞으로도 첼레인지 해 나가고 싶습니다.
Reference
이 문제에 관하여(Dev AWSome Day 2018의 복습 ⑥ ~Web앱 공개편~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/mine820/items/9358c647cdbdcdbffb85
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
> 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 서비스(그것도 나름대로 기능이 제대로 하고 있다)를 할 수 있어 버리는 것이 놀라웠습니다.
물론, 설정 파일 등, 내용을 이해하지 않고 그대로 이용하고 있는 것이 다수 있으므로, 지금까지 작성할 수 있게 되기 위해서는, 좀더 더 공부해야 합니다만.
좋은 체험을 할 수 있었다고 생각하고 있기 때문에, 앞으로도 첼레인지 해 나가고 싶습니다.
Reference
이 문제에 관하여(Dev AWSome Day 2018의 복습 ⑥ ~Web앱 공개편~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/mine820/items/9358c647cdbdcdbffb85
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
전 어플리케이션 엔지니어에게 있어서, 이렇게 간단하게 Web 서비스(그것도 나름대로 기능이 제대로 하고 있다)를 할 수 있어 버리는 것이 놀라웠습니다.
물론, 설정 파일 등, 내용을 이해하지 않고 그대로 이용하고 있는 것이 다수 있으므로, 지금까지 작성할 수 있게 되기 위해서는, 좀더 더 공부해야 합니다만.
좋은 체험을 할 수 있었다고 생각하고 있기 때문에, 앞으로도 첼레인지 해 나가고 싶습니다.
Reference
이 문제에 관하여(Dev AWSome Day 2018의 복습 ⑥ ~Web앱 공개편~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mine820/items/9358c647cdbdcdbffb85텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)