LoginSignup
4
1

More than 5 years have passed since last update.

Azure Storageで静的ウェブサイトを構築する

Last updated at Posted at 2018-08-28

はじめに

Microsoft Azureは今までS3のような静的なウェブサイトを構築するには向いていませんでした。
というのもindex.htmlをデフォルトページにできないといった不便な点があったからです。

しかし、最近のアップデートによってS3のような静的なウェブサイトを構築することができるようになりました。ここではその構築手順について説明します。

ストレージの作成

Storage Accountからストレージを作成します。
この時、アカウントの種類をStorage v2(汎用V2)にする必要があります。
2スクリーンショット 2018-07-12 17.30.26 (1).png

静的ウェブサイト用コンテナーの作成

作成されたストレージを選択し、メニューを表示します。その中にある静的なWebサイト(プレビュー)を選択します。
image.png

静的なWebサイトオンにします。すると、$webコンテナーが作成され、エンドポイントが表示されます。インデックスドキュメントとエラーページを指定する入力ボックスも表示されます。

このエンドポイントはAmazon S3でいう****.s3.amazonaws.comみたいなものであり、Webブラウザから開く場合はこのURLを使います。

$webコンテナーにファイルを追加

Cyberduckなど好きな方法で$webコンテナーにファイルを追加します。設定画面と同じ場所にあるStorage Explorerであれば手っ取り早くファイルをアップロードできますね。

ブラウザで確認

スクリーンショット 2018-08-28 2.16.25.png
正常に表示されていますね。これで完了です。

静的でも構わないWebサイトが突然必要になった場合に活かせるのではないでしょうか。

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1