2016-11-30 1 views
1

앱을 aws s3에 배포하는 방법은 무엇입니까? src 폴더 또는 node_modules 폴더 만 업로드해야합니까? 내 코드로해야 할 일이 있습니까?

나는 찾아보기를 통해 파일을 업로드하는 패널이 aws입니다. 계속 도와주세요.AWS S3에 각도 2 앱 배포

답변

1

이 문제가 해결되었습니다. 나는 href을 사용하여 404 오류가 발생했습니다. routerLink을 사용하여 문제가 해결되었습니다.

0

그냥 똑바로 웹팩을 사용하고 있습니까? 아니면 Angular CLI입니까?

프로덕션 환경을 구축해야합니다. 위에서 언급 한 두 가지 모두 제작 용으로 빌드 할 때 dist 폴더를 만들어야합니다.

src 폴더에는 컴파일 된 코드가 들어 있지 않으므로 그렇지 않습니다. 그리고 node_modules 폴더를 업로드해서는 안됩니다.

+0

저는 '각도 식 CLI'를 사용하고 있습니다. 단계를 말해 줄 수 있습니까? –

+0

그래서 promt (또는 무엇을 사용하든)에서'ng build --prod'를 실행하고 싶을 것입니다. – Tucker

+0

그런 다음 해당 프로젝트의 루트 디렉토리에/dist 폴더가 있어야합니다. 그런 다음 해당 폴더의 내용을 호스팅으로 가져와야합니다. AWS S3에서이를 수행하는 방법을 정확하게 모르겠습니다. 하지만 어쩌면 이것을 시도해보십시오. [link] (http://docs.aws.amazon.com/mobile/sdkforxamarin/developerguide/s3.html) Angular CLI는 아래쪽으로 스크롤하면 github에 대한 좋은 설명서를 제공합니다. 메인 페이지. [link] (https://github.com/angular/angular-cli) – Tucker

3

사람은 다른 사람이 질문을보고 -> 볼이 첫 번째 : How to bundle an Angular app for production는 그것은 기본적으로 그냥 '정적 웹 호스팅'을 활성화있는 S3 버킷에 DIST 폴더를 업로드 그 후

ng build --prod --aot 

를 실행 말한다 버킷의 속성 탭은 + 그것을 모두에서 잡아 수있는 버킷 정책을 제공 그것과 유사하기 :

{ 
"Version": "2012-10-17", 
"Statement": [ 
    { 
     "Sid": "AddPerm", 
     "Effect": "Allow", 
     "Principal": "*", 
     "Action": "s3:GetObject", 
     "Resource": "<your-bucket-arn>/*" 
    } 
] 
} 

는 또한 Jeeten Parmar의 대답은 나도 도움이 - routerLink의와 내가 필요한 다른 일을 HREF 년대이었다 교체 할 것.