2017-02-14 5 views
1

私はRest APIを使用してポストグレースDBにフォームデータをポストするAngular 2フォームを作成しました。今、AWS S3にAngular 2アプリを提供したいと思います。私はこれでgoogledと私はWebpackを作成する解決策ですが、1つを作成することができませんでした。私はどこから始めるべきか、コードをバンドルしてs3で提供することを知りたい。フォーム用aws s3でAngular2 Appを扱う

GitHubのリンク:ヘルプhttps://github.com/aanirudhraj/Angular2form_signaturepad_API

感謝!!

+0

これを解決できましたか? –

+0

はい、下記のコメントを参照してください – Raj

答えて

0

最も簡単な方法は、angle-cliを使用してアプリケーションを構築し、S3の静的サイトとしてデプロイすることです(S3バケットは静的サイトをホストするように設定できます) ;あなたがhttp 4xxのリターンコードを避けるために '誰にも'読取り許可を払っていることを確認してください)。

0

コードから、angular-cliを使用していると推測します。

  • DEV /生産ビルドを作成

    NGビルド--dev/ngのビルドは、あなたのdistフォルダの

  • コンテンツを展開するためのバンドルファイルが含まれています--prod。 refrenceのためのプライマリファイルは 'index.html'になります。角度アプリをロードします。
  • webappのサービスに使用するサーバーの種類を決定する必要があります。
    ng serveの場合は開発のために、webpack-dev-serverが静的​​ファイルサーバー(local development)として使用されます。実際のサーバーに展開する際には、最も快適で費用対効果の高いソリューションをお勧めします。

静的ファイルサーバ

(*)aproach後も、あなたには、いくつかのサーバー側のコードを持つことができるようになりますあなたがrequiなら将来的には

0

ng2-appをデプロイするときは、AOT(前もってコンパイル)を使用する必要があります。 JIT(Just in time)コンパイルを使用していると思います。 angular2ガイドページで

、AOTで

、ブラウザは、アプリケーションのコンパイル済みのバージョンをダウンロードします。ブラウザは実行可能コードをロードするので、まずアプリケーションをコンパイルするのを待つことなく、アプリケーションをすぐにレンダリングできます。

あなたがJITコンパイルを使用すると、ブラウザはangular2コンパイラによって定義されたvendor.jsをダウンロードし、ちょうどあなたのアプリケーションをコンパイルします。遅すぎると、クライアントがベンダーファイルをダウンロードする必要があります。AOTを使用すると、ベンダー・ファイルを使用する必要がないため、リソースが小さくなります。

私は、アプリケーションを配備するときにAOTコンパイルを使用し、リソースサイズに遅延ロードを使用することをお勧めします。

ng2 AOTコンパイルが不思議なら、このガイドをお読みください。

angualar2-cookbook-AOT

そして、ここでの例では、webpack2と怠惰な負荷とangular2アプリです。

ファイル構造と設定ファイルをここに使用します。

サンプルアプリケーションでテストしたところ、aotにバンドルされているファイルは500KB未満でした。

angular2-webpack2-aot

あなたは@ ngtools/WebPACKのか、何を使ってコンパイルAOT使用

は自分のS3バケットにAOTでコンパイルされたファイルを持っているdistのディレクトリ内のすべてのファイルを入れて、私はAWSを使用することをお勧めしますs3バケットリソース用のクラウドフロントキャッシュ。

0

すべてのお返事ありがとうございます。それらのすべてが私に解決策を見つけるのに役立った 私は[GitHub webpack starter]:https://github.com/AngularClass/angular2-webpack-starterを使って私のangular2アプリを作り直しました。 コードをコンパイルして、Readmeの指示に従ってdistフォルダを作成してください。 distのすべてのコンテンツを、アクセス権が設定されたAWS s3バケットにアップロードしました。完了!

関連する問題