2016-11-30 6 views
1

Angular 2アプリをaws s3に配備する方法は? srcフォルダまたはnode_modulesとアップロードする必要はありますか?私のコードで何かする必要がありますか?

私はawsパネルを参照してファイルをアップロードします。私に手伝ってください。AWS S3にAngular 2アプリを配備

答えて

1

私はこの問題を解決しました。私はhrefを使っていたので、それは404エラーを出していたのです。私はrouterLinkを使用し、私の問題を解決しました。

0

あなたはまっすぐなウェブパックを使用していますか?あるいは、Angular CLI?

実稼働環境に構築する必要があります。上記の両方とも、本番用にビルドするときにdistフォルダを作成する必要があります。

srcフォルダにはコンパイルされたコードが含まれていないので、そうではありません。また、node_modulesフォルダをアップロードしないでください。

+0

私は '角のCLI'を使用しています。ステップを教えてもらえますか? –

+0

コマンドプロンプト(またはあなたが使っているもの)で、 'ng build --prod'を実行したいでしょう。 – Tucker

+0

これを実行すると、そのプロジェクトのルートディレクトリに/ distフォルダが表示されます。その後、そのフォルダの内容をホスティングに引き出す必要があります。 AWS S3のための方法を正確にはわかりません。しかし、おそらくこれを試してみてください[リンク](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 それは基本的にただで有効になって「静的なWebホスティング」している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年代を交換すると、私は必要な別のものでしたする。