[aws] deploy Angular app with s3 | AWS S3로 angular 앱 배포하기

angular project를 빌드한다

ng build --prod

 

그러면 dist 폴더가 생긴다. dist 폴더 안에 있는 아이들을 사용한다.

 

아마존 s3 콘솔로 이동

https://s3.console.aws.amazon.com/s3/home?region=ap-northeast-2

 

 

새로운 Bucket 을 생성한다(Create bucket). 버킷 이름은 고유하게 짓는다.

버킷 생성후 properties tab > static website hosting을 클릭한다. index document는 index.html은 쓴다.

properties > static website hosting

 

Permission tab 에서 권한을 수정한다.

 

overview tab 에서 필요한 파일 업로드

dist 폴더 안에 있는 파일들을 업로드 한다.

 

bucket policy 설정

 

properties > static website hosting > endpoint 클릭하면 서버에 올라간 앱을 확인 할 수 있다

 

 

일단 angular 앱을 올리긴 했는데.. 이걸로는 아무것도 할 수 었다. django로 만든 서버를 올리고 database를 연결하고

그것을 지금 이 angular 앱과 연결해야한다.

아직 어떻게 해야 할지는 모르겠음 계속 삽질 중.

그래도 angular app 하나 올라갔는데 재밌네