Azure Storageに独自ドメインサイトを配置 1

AWS（Amazon Web Services）に代表されるような、クラウドコンピューティングサービスでウェブサイトをホスティングしてみようということになった。ここではMicrosoft Azureの「Azure Storage」サービスを使用した。

※ 静的サイトをホストする方法としては「Azure Static Web Apps」というサービスもあります。こちらはGitHubからの配置が前提となります。

※ もっとも「Azure Virtual Machine」サービスでLinux及びWindowsServer環境を造成、Webサーバーを構築するというのもあります。

Azure Storage 静的ウェブサイト配置作業の流れ

Azureにログインしてポータル画面にアクセスします。

ストレージアカウント（Azure Storageの管理単位）を作成します。画面上部のAzureサービスから「ストレージアカウント」をクリック。

「ストレージアカウントの作成」をクリック。

必要事項を入力します。

基本

※ デフォルトだと「無料試用版」「従量課金」などになっている。

※ ストレージアカウント名ですが、これはサイトを公開するときのURL「https://xxxxxxx.***.web.core.windows.net/」のxxxxxxxの部分になります。

詳細設定：デフォルトのままで次へ

ネットワーク：デフォルトのままで次へ

データ保護：デフォルトのままで次へ

暗号化：デフォルトのままで次へ

タグ：デフォルトのままで次へ

確認および作成：項目を確認して問題がなければ「作成ボタン」をクリックします。ストレージの設置処理が始まります。

ストレージの設置（デプロイ）が完了しました。「リソースに移動」をクリックします。

左ペインから「静的なWebサイト」の項目をクリックします。インデックスドキュメントとエラードキュメントを設定して静的なWebサイトの「有効」をクリックします。

静的なWebサイトをホストする、Azure Storageコンテナーが作成されました。プライマリエンドポイントに表示されている文字列が、webサイトのURLになります。「$web」というコンテナーにファイルを格納してゆきます。

コンテンツの管理（ファイルの送受信）は、FTPは使えないので（2022.09現在、SFTPツールがプレビュー版でリリースされている模様）Microsoft社が提供する、Azureのストレージを管理する Azure Storage Explorer というツールを使用します。

Azure Storage Explorerをインストールして起動します。

左ペインのストレージアカウントのツリーから「$web」を選択します。

ローカルディスクに用意したhtmlファイルなどをアップロードしてゆきます。

アップロードが完了。

この部分の作業に関してFTP同様の使い勝手ではあるものの、送受信までのステップ数が多いという微妙な感があります。

しかし画面下部の「アクティビティ」を見ると「AzCopyコマンドをクリップボードにコピーする」というのがあるので、このコマンドでターミナルから出来れば…

ブラウザで、プライマリエンドポイントにアクセスします。トップページが表示されました。