Azure Blob ストレージを簡易 Web サイトとして利用する その2 (CloudBerry 編)

Posted: 2011/03/12 カテゴリー: Uncategorized
タグ:, , ,

(漢字表記は違うけど同じ名前の) 佐藤直樹さんの、次のブログ エントリの続編です。

今回は、「Azure Storage Explorer」の代わりに、無償ツール「CloudBerry Explorer for Azure Blob Storage」を使うことで、サブ ディレクトリを持つ静的Webコンテンツを、簡単にWindows Azure Blob ストレージにアップロードしていきます。

まずは、次のブログ エントリの手順1~6に従います。

次に、「CloudBerry Explorer for Azure Blob Storage」をダウンロード、インストールし、そして起動します。

無償のユーザー登録を求められるので、適当なユーザー名と自分のメール アドレスを入力し、「Get Registration Key」をクリックします。すぐに登録キーがメールで通知されてくるので、「Enter Registration Key」に登録キーをペーストします。「Register Later」をクリックして、とりあえず登録をスキップしても構いません。

左側の「Source」プルダウン リストの「New Azure Blob Storage Account」を選択して (あるいは [File] メニュー > [Azure Blob Storage Account]をクリックし「New Account」をクリックして) Blobストレージのアカウント情報を入力します。

「Display name」は適宜、「Account」と「Shared Key」は、Windows Azure Management Portalで、対象のStorage アカウントのものを使います。分からない場合は、手順1~6を再確認しましょう。

指定した Storage アカウントの「Root」が表示されます。Storage アカウント新規作成直後なら、何もないはずです。

「New Container」ボタン (立方体のイラスト) をクリックし、新規作成するコンテナ名を指定します。コンテナ名は、URLの一部になることに注意しましょう。

「Access Control」は、パブリックWebサイトの用途では「Public read access for blobs only」にしておきます。

画面右側では、ローカル ディスクの内容が表示されています。静的Webサイトのコンテンツを置いてあるディレクトリに進みます。たとえば、Apacheのデフォルト構成なら「htdocs」ディレクトリです。

ここでは、静的Webサイトのサンプルとして、Apache 2.2のマニュアルを使ってみます。ご自身の静的Webコンテンツをアップロードしたい場合は、適宜読み替えてください。

http://www.apache.org/dyn/closer.cgi/httpd/docs/ から適当なミラー サイトを選んで、「httpd-docs-2.2.14.ja.zip」(もしなければ、類似したファイル名のファイル) をダウンロードし、適当なディレクトリに展開します。

CloudBerry Explorer for Azure Blob Storageに戻り、ファイルを展開したディレクトリに進みます。HTMLなどのファイルやサブ ディレクトリをすべて選択し、「Copy」ボタンをクリックすると、Blob ストレージへのアップロードが始まります。

しばらく待つと、アップロードが完了します。Blobアカウント側にも、同じファイルやサブ ディレクトリが表示されているはずです。

Blobアカウント側の「index.html」を右クリックし「Web URL」をクリックすると、URLが表示されます。「Open link」ボタンをクリックして、Webブラウザで表示を確認してみましょう。Blobアカウント名とコンテナ名を含む、次のようなURLになっているはずです。

以上で完了です。オプションで、AzureのCDNを使ったキャッシュを利用する場合は、下記エントリ最後の手順に従ってください。

CDNを使う場合、次のようなURLになります。

コメント
  1. […] こちらのインストールとセットアップについては、 こちらの、さとうなおきさんのブログを参考に。 https://satonaoki.wordpress.com/2011/03/12/azure-blob-%e3%82%b9%e3%83%88%e3%83%ac%e3%83%bc%e3%82%b8%e… […]

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中