react.jsベースのSPAをAzure App Service + CDNにデプロイするにはどうすればよいですか？

Question

react.jsベースのSPAを作成しています。開始時にリンク先ページが表示されます。スタティックランディングページには、完全SPAに向かうアクションボタンが必要です。

AWSの場合、S3とCloudfrontを使用するだけで済み、Cloudfrontでは404のカスタムエラーページへのルーティングも可能です。これは、これを処理するためのサーバーコードが不要で、サーバーリソースを解放する可能性があります。

しかしAzureでは、このようなアーキテクチャを模倣する方法がわかりません。私はSPAとランディングページを格納するためにBlobストレージを使用すべきだと思っていますが、Cloudfrontの能力をどのように模倣できるでしょうか？ Azure CDNは十分ですか？ありがとう！

Answer 1

Azure CDNはWeb Appsをキャッシュすることをサポートしています。

SPAとカスタムルーティングルールと404エラーページを使用して簡単なAzure Web Appを構築できます。その後、Azure CDNを作成し、Origin typeをweb appに設定し、Origin hostnameドロップダウンで原点ドメインを選択または入力します。

あなたは、詳細な手順についてはhttps://azure.microsoft.com/en-us/documentation/articles/cdn-create-new-endpoint/を参照することができます。