【技術情報】Microsoft Azure で SPA をデプロイしてみた

簡単ではありますが、コーポレートサイトを開発する際にMicrosoft Azureを利用したので、SPAデプロイ方法を以下にメモします。よければ参考くださいませ。

インフラ

静的ファイル(html, js, css)のホスティングは BLOB Storage を用います

BLOB Storage の作成手順

１．azureポータルを開き、ストレージアカウントを選択

２．ストレージアカウントを作成する。アカウントの種類は「StorageV2（汎用V2）」を選択

３．作成したストレージアカウントの設定画面で「静的なWebサイト」のメニューから設定を有効化

４．$webというコンテナが出来るので、ファイルをアップロードする。

フォルダ単位でファイルアップロードが出来ず不便なので、「Azure Storage Explorer を使ってアップロードするのが良いです：