前回、簡単にコストを節約して Web サイトを構築する方法についてご紹介しました。ご紹介した Azure Blob Storage は静的 Web サイトのホスティングのみ対応していました。
静的 Web サイト以外に Web アプリを構築したい場合もあるかと思います。
そこで、今回は、より簡単に Web アプリを構築する方法についてご紹介したいと思います。
※注意点※
今回ご紹介する Static Web Apps はまだプレビュー版のため、正式版になった際に変更される可能性があります。
What is Static Web Apps ?
今年 5 月に開催された Microsoft Build 2020 で発表されたサービスです。Vue.js、React、Angular などのフレームワークで開発されたアプリや JavaScript、TypeScript などで開発する SPA（Single Page Application) などの運用に最適化されています。
詳細は公式を読んでください。ざっと私が理解した範囲での機能や特徴は以下の通りです。
- 無償で Web アプリ、静的 Web サイトをホスティングできる
- グローバル配信
- サーバーレス API 対応
- GitHub Actions によるビルド & デプロイ ※ GitHub との連携は必須
- 無償でカスタムドメイン対応、SSL証明書の自動更新
- 認証と承認機構が利用可能
- プレビューデプロイ機能（Pull Request したブランチも自動的にデプロイされ、どのように表示されるのかが確認できる）
といった具合です。書いていて、今まで Azure Blob Storage で対応していた部分がかなり簡略化（シンプル）になるので、正式版になるのが待ち遠しいです。
詳細は 公式ドキュメント をご覧ください。
また、実際にハンズオン形式で試してみたいといった場合はこちらやこちら で実際に触れてみるといいと思います。