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

tailwind システム開発

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

インフラ

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

BLOB Storage の作成手順

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

Azure Blob Storage

2.ストレージアカウントを作成する。アカウントの種類は「StorageV2(汎用V2)」を選択

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

Azure Storage Account

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

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

Azure Storage Exploere

コメント

タイトルとURLをコピーしました