AWSクラウドフロントにAngularアプリをデプロイする

マーク

私はlaravelphpアプリを持っています。これは基本的に、ユーザーが角度のあるシングルページアプリを介してアクセスするAPIです。現在、Angularアプリはパブリックフォルダーに含まれていますが、Amazon Cloudfrontを介してデプロイできるように、独自に分割したいと思います。

CloudFrontで静的ウェブサイトをホストするための基本を説明するこの記事を見つけましたが、cdnサービスサイトでのAPIのヒットについて説明しているものは見つかりません。

開発/ステージングと本番の3つの異なる環境を引き続き使用できるようにしたいと思います。これらの環境には、現在、それぞれ独自のエラスティックBeanstalk管理インスタンスと個別のデータベースがあります。それらのアドレスをそれぞれdev.blah.com/ staging.blah.comとblah.comにし、Angularアプリの各バージョンを正しいバックエンドなどにヒットさせたいと思います。

エラスティックビーンズトークにデプロイするのと同じ方法でAngularアプリをデプロイできるようにしたいと思います。つまり、git push

環境ごとにAngularアプリでAPIエンドポイントを変更する必要がないように設定できますか?つまり、開発バージョンはdev.blah.com/get/user/1にヒットし、同じソースでステージングは​​staging.blah.com/get/user/1にヒットしますか?これは自動的に発生しますか、それともこれを可能にするために特定のアクションを実行する必要がありますか?

これらすべてのことは可能ですか?ステップバイステップガイドは期待していませんが、プロセスの概要と、自分でこれを行う方法を学ぶためのリソースを見つけることができる場所へのプッシュを探しているだけです。

フリオ・ファーマン

CloudFrontでは、ディストリビューションの[behaviors]タブで、すべてのオリジンにパスを割り当てることができます。たとえば、/ *リクエストが静的リソースを使用してS3バケットにリダイレクトされるが、/ api / *がAPIバックエンドにリダイレクトされるように指定できます。

dev / staging / prod環境に関しては、それらもおそらく3つの異なるディストリビューションになります。それらは、同じまたは異なる起源を指すことができます。

「を参照してください。CloudFrontを持つ全サイト配信を

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Googleクラウドバケットにangular2Webアプリをデプロイする

分類Dev

AndroidアプリをAzureクラウドにデプロイする方法は?

分類Dev

Railsアプリケーションをサーバーのようなクラウドファウンドリにデプロイする

分類Dev

Node JSフロントエンドなしでクライアントにAPIをデプロイする

分類Dev

xboxuwpアプリをデスクトップにダウンロードする

分類Dev

AmazonクラウドにJava EEアプリケーションをデプロイする方法は?

分類Dev

クラウドサーバーにlaravelアプリケーションをデプロイする方法は?

分類Dev

GoogleクラウドCDNとローリングデプロイメントによるアセットフィンガープリント

分類Dev

フラスコアプリケーションファクトリをApacheにデプロイする

分類Dev

ZaleniumdockerイメージにファイルをアップロードするためにWindowsOSにディレクトリをマウントします

分類Dev

リンクをクリックして、AngularフロントエンドWebアプリのブラウザーで.csvファイルをダウンロードまたは保存するにはどうすればよいですか?ブラウザの苦情ファイルなし

分類Dev

2つの別々のフォルダーにクライアントとサーバーがあるherokuにノードアプリをデプロイする

分類Dev

AWSクラウドフロントログをほぼリアルタイムで確認する方法

分類Dev

クライアントブラウザからのPOSTリクエストを受け付けているフロントエンドサーバーからバックエンドサーバー(アップロード用)にファイルを送信する方法(フォームデータ->ファイル入力)?

分類Dev

クライアントブラウザからのPOSTリクエストを受け付けているフロントエンドサーバーからバックエンドサーバー(アップロード用)にファイルを送信する方法(フォームデータ->ファイル入力)?

分類Dev

Ionライブラリを使用して画像をダウンロードしてアプリディレクトリに保存する方法

分類Dev

ラズビアンCLIへの自動ログイン後にフォアグラウンドスクリプトを実行する方法

分類Dev

我々はGoogleのクラウドプラットフォームで私たちの春ブートアプリケーションをデプロイしている場合は、ログを参照するには?

分類Dev

Chromeウェブアプリをスタンドアロンデスクトッププログラムにする

分類Dev

サーバーにAngularフルスタックアプリをデプロイする際のクロスドメインオリジンの問題

分類Dev

ノード/エクスプレスアプリケーションをAWSにデプロイする方法

分類Dev

Azureロジックアプリのアクションを使用してブラウザーにファイルをダウンロードする方法

分類Dev

PCFにeurekaサーバーをデプロイする:クラウドファウンドリへのcfプッシュ後に404を取得する

分類Dev

代わりにファイルをダウンロードするようにPHPFTPアップロードスクリプトを変更する方法

分類Dev

FirebaseWebクライアントがJSONをクラウドストレージにアップロードする

分類Dev

アプリスクリプトを使用してGoogleドライブフォルダにファイルをダウンロードします

分類Dev

バックグラウンドでGoogleドライブにファイルをアップロードする

分類Dev

バックグラウンドでGoogleドライブにファイルをアップロードする

分類Dev

DjangoプロジェクトをHerokuにデプロイする:アプリケーションエラー

Related 関連記事

  1. 1

    Googleクラウドバケットにangular2Webアプリをデプロイする

  2. 2

    AndroidアプリをAzureクラウドにデプロイする方法は?

  3. 3

    Railsアプリケーションをサーバーのようなクラウドファウンドリにデプロイする

  4. 4

    Node JSフロントエンドなしでクライアントにAPIをデプロイする

  5. 5

    xboxuwpアプリをデスクトップにダウンロードする

  6. 6

    AmazonクラウドにJava EEアプリケーションをデプロイする方法は?

  7. 7

    クラウドサーバーにlaravelアプリケーションをデプロイする方法は?

  8. 8

    GoogleクラウドCDNとローリングデプロイメントによるアセットフィンガープリント

  9. 9

    フラスコアプリケーションファクトリをApacheにデプロイする

  10. 10

    ZaleniumdockerイメージにファイルをアップロードするためにWindowsOSにディレクトリをマウントします

  11. 11

    リンクをクリックして、AngularフロントエンドWebアプリのブラウザーで.csvファイルをダウンロードまたは保存するにはどうすればよいですか?ブラウザの苦情ファイルなし

  12. 12

    2つの別々のフォルダーにクライアントとサーバーがあるherokuにノードアプリをデプロイする

  13. 13

    AWSクラウドフロントログをほぼリアルタイムで確認する方法

  14. 14

    クライアントブラウザからのPOSTリクエストを受け付けているフロントエンドサーバーからバックエンドサーバー(アップロード用)にファイルを送信する方法(フォームデータ->ファイル入力)?

  15. 15

    クライアントブラウザからのPOSTリクエストを受け付けているフロントエンドサーバーからバックエンドサーバー(アップロード用)にファイルを送信する方法(フォームデータ->ファイル入力)?

  16. 16

    Ionライブラリを使用して画像をダウンロードしてアプリディレクトリに保存する方法

  17. 17

    ラズビアンCLIへの自動ログイン後にフォアグラウンドスクリプトを実行する方法

  18. 18

    我々はGoogleのクラウドプラットフォームで私たちの春ブートアプリケーションをデプロイしている場合は、ログを参照するには?

  19. 19

    Chromeウェブアプリをスタンドアロンデスクトッププログラムにする

  20. 20

    サーバーにAngularフルスタックアプリをデプロイする際のクロスドメインオリジンの問題

  21. 21

    ノード/エクスプレスアプリケーションをAWSにデプロイする方法

  22. 22

    Azureロジックアプリのアクションを使用してブラウザーにファイルをダウンロードする方法

  23. 23

    PCFにeurekaサーバーをデプロイする:クラウドファウンドリへのcfプッシュ後に404を取得する

  24. 24

    代わりにファイルをダウンロードするようにPHPFTPアップロードスクリプトを変更する方法

  25. 25

    FirebaseWebクライアントがJSONをクラウドストレージにアップロードする

  26. 26

    アプリスクリプトを使用してGoogleドライブフォルダにファイルをダウンロードします

  27. 27

    バックグラウンドでGoogleドライブにファイルをアップロードする

  28. 28

    バックグラウンドでGoogleドライブにファイルをアップロードする

  29. 29

    DjangoプロジェクトをHerokuにデプロイする:アプリケーションエラー

ホットタグ

アーカイブ