awsのクラウ​​ドフロントに角度のあるアプリをデプロイする

私は基本的にはlaravel phpアプリを持っていますユーザーが角度のある単一ページのアプリを介してアクセスすることをAPI。現在、Angularアプリはパブリックフォルダに含まれていますが、amazonのクラウドフロントを介してデプロイできるように、自分で分割する必要があります。

私は見つけた この CloudFrontで静的Webサイトをホストするための記事で、基本を説明していますが、あなたのCDN提供サイトでAPIがヒットすることを説明しているものは見つかりません。

私はまだ3つの異なることができるようにしたいと思いますそれぞれが現在独自のElastic Beanstalk管理インスタンスと別々のデータベースを持っている環境、開発/ステージング、およびプロダクション。私は彼らのアドレスをそれぞれdev.blah.com / staging.blah.comとblah.comにして、Angularアプリの各バージョンに正しいバックエンドなどをヒットさせたいと思います。

私は伸縮性のあるビーントークにデプロイするのと同じような方法で、Angularアプリをデプロイできるようにしたいと思います。

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

これらすべてが可能ですか？ 私はステップバイステップガイドを期待してはいけませんが、単にプロセスの概要と、私の検索ではあまり結果が得られなかったので自分でこれを行う方法を学ぶためのリソースを見つけることができる場所

回答：

CloudFrontでは、あなたの「ビヘイビア」タブで配布する場合は、すべての起点にパスを割り当てることができます。たとえば、/ *要求を静的リソースを持つS3バケットにリダイレクトし、/ api / *をapiバックエンドにリダイレクトするように指定できます。

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

見る "CloudFrontによるサイト全体の配信"