windows azure webサイトの紹介
TRANSCRIPT
![Page 1: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/1.jpg)
2013/01/23 第3.5.1回Wordbench福岡勉強会
Windows Azure WEBサイトの紹介~WordPressブログを引っ越してみた~
![Page 2: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/2.jpg)
対象となる人
✤ WordPressで一般的なレンタルサーバーにサイトを構築済みの人
✤ そのサイトを独自ドメインで運用している人
✤ Macを使っている人
![Page 3: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/3.jpg)
話してる人
✤ 名前:安部 大輔
✤ 職業:Webディレクター(今年から)
✤ Twitter: @evian
✤ Facebook: https://www.facebook.com/ABE.Daisuke
✤ 好きなもの:猫、クルマ、料理、美味しい食事、クラウディア様
© 2011 Microsoft Corporation All Rights Reserved.
![Page 4: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/4.jpg)
Windows Azure WEBサイトとは?
✤ Microsoftの提供するクラウド「Windows Azure」の中のサービスで、PaaS(Platform as a Service)と呼ばれる形で提供されます。
✤ 小規模から開始し、トラフィックの拡大に合わせて規模を調整できる拡張性の高いクラウド環境に、サイトを素早く簡単にデプロイできます。
✤ お好みの言語とオープンソースアプリケーションを使用して、FTP、Gitなどでデプロイします。
✤ SQL データベース、CDN、ストレージなど、Windows Azure で提供されるサービスを簡単に統合できます。
![Page 5: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/5.jpg)
WEBサイトのメリット
✤ AWS(Amazon Web Service)のEC2や、Windows Azureの仮想マシン上にIaaS(Infrastructure as a Service)として構築されたサーバーに対しては、サーバー本体を管理する必要がないのに、スケールアウト/インが簡単に出来て、クラウドのパワーを活用出来るところ。人的にも時間的にも低コストです。
✤ 一般的なレンタルサーバーに対しては、同程度の価格で使えるのにスケールアウト/インが簡単に出来て、クラウドのパワーを活用出来るところ。わずかなコスト追加で急なトラフィック増加にも対応が可能です。
![Page 6: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/6.jpg)
WEBサイトのデメリット
✤ IaaSの仮想マシン上のサーバーに比べると、設定の自由度は全くといっていいほどありません。webサーバーにnginxを使った高速化などの手法は使えません。
✤ 一般的なレンタルサーバーと比べると、ウェブサイト公開以外の機能は無いに等しいです。メールアドレスの発行などが必要な場合は外部サービスを使う事になります。
✤ 現在のところ、独自ドメインでのSSL運用が出来ません。
![Page 7: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/7.jpg)
独自ドメインでSSLが使える!
✤ ロリポップ(チカッパプラン)では独自SSL提供してますよ!(ステマ)
![Page 8: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/8.jpg)
Windows Azureを準備する
✤ Microsoftアカウントは持ってますか?hotmailだったりLiveアカウントだったり色々ありますが、有効なアカウントが必要です。
✤ Windows Azureのサイトを開いて、90日間無料評価版のサブスクリプションに申し込む。手続きには、クレジットカードとSMSが受信出来る携帯電話が必要です。
✤ 今日は、準備出来た事にします。
✤ 詳しく知りたい人が多いなら、そのうちハンズオンやりましょうか?
![Page 9: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/9.jpg)
レンタルサーバー側で準備する
✤ 運用中のWordPressを最新版にアップデートします。
✤ レンタルサーバーのデータベース管理ツール(phpMyAdminなど)からSQLファイルをローカルにエクスポートします。
✤ レンタルサーバーからFTPなどで、以下のディレクトリをローカルにバックアップします。
wp-content/languageswp-content/plugins/(your_plugins)wp-content/themes/(your_themes)wp-content/uploads
![Page 10: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/10.jpg)
phpMyAdmin操作の注意点
![Page 11: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/11.jpg)
ローカル側で準備する
✤ MySQL Workbenchをダウンロードして、Macにインストールします。ダウンロードするためにOracle IDでのログインを求められるので、持っていない人は新規作成する必要があります。
✤ Windows Azure WEBサイトにはMySQLの管理ツールが(今のところ)ないため、ローカル側の管理ツールとしてこれを使います。
http://www-jp.mysql.com/products/workbench/
![Page 12: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/12.jpg)
Windows Azure側で準備する
✤ Windows Azureマネージポータルにサインインし、 左下の「新規」から「コンピューティング」→「WEBサイト」→「ギャラリーから」とクリックして進み、WordPressを選択してデプロイします。
![Page 13: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/13.jpg)
WordPressをデプロイする
✤ こんな感じでWordPress(英語版のみ)を選択します。
![Page 14: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/14.jpg)
WordPressをデプロイする
✤ 必要事項を記入して、次に進みます。
![Page 15: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/15.jpg)
WordPressをデプロイする
✤ データベースを確認(選択)し、ClearDBの利用事項にチェックして進みます。
![Page 16: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/16.jpg)
WordPressをデプロイする
✤ 設定したWEBサイトのデプロイ状況が表示される。正常にデプロイが完了すると表示が変わる事が確認出来るので、「参照」をクリックしてインストールを完了させます。
![Page 17: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/17.jpg)
Windows Azure WEBサイトの設定
✤ WordPressのインストールが完了すると、稼働状況のグラフがアクティブになります。
✤ FTPユーザーを作成する為に「デプロイ資格情報のリセット」をクリックします。
![Page 18: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/18.jpg)
Windows Azure WEBサイトの設定
✤ FTPユーザーの名前とパスワードを設定します。
![Page 19: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/19.jpg)
Windows Azure WEBサイトの設定
✤ デプロイ/FTPユーザーが、設定したものに変わっているかを確認します。
![Page 20: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/20.jpg)
FTPクライアントの設定
✤ 「発行プロファイルのダウンロード」をクリックして、落としたファイルを開きます。
✤ ダウンロードした「発行プロファイル」からFTPサーバー情報をコピーします(赤線で示した部分)
![Page 21: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/21.jpg)
FTPクライアントの設定
✤ プロトコルはFTPとFTPSが使えるので、少しでもセキュアなFTPSを選びます。FTPサーバー情報は前のプロファイルからコピペしてください。ユーザー名とパスワードは「デプロイ資格情報のリセット」で設定したものを入力します。
![Page 22: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/22.jpg)
FTPクライアントの設定
✤ 証明書の信頼性検証中にエラーが起きますが、構わず続けてください。
![Page 23: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/23.jpg)
FTPクライアントの設定
✤ /site/webrootの下にWordPressのファイル群が設置されている事が確認出来ました。
![Page 24: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/24.jpg)
FTPクライアントでの作業
✤ バックアップしておいたディレクトリから、languagesをwp-contentにアップロードします。
✤
![Page 25: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/25.jpg)
FTPクライアントでの作業
✤ wp-config.phpを編集し、言語設定に日本語(ja)を加えて保存します。これで管理画面が日本語化されます。
![Page 26: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/26.jpg)
WordPress側での作業
✤ 移転元のサイトと同じ構造のパーマリンクを設定して保存します。
![Page 27: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/27.jpg)
ファイルの確認
✤ web.configというファイルが追加されている事を確認します。
✤ これはWindowsサーバーのウェブサーバーであるIISの設定ファイルです。
✤ Apacheの .htaccess と同様の働きをします。
✤ 自分で作成したものをアップロードしてもいいのですが、パーマリンク設定を保存すると生成される事を利用します。
![Page 28: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/28.jpg)
ローカル側の作業
✤ FTPクライアントで、以下のディレクトリをアップロードします。
wp-content/uploadswp-content/themes/(your_theme)wp-content/plugins/(your_plugins)
✤ uploadsの中身は移転元サイトで使っていた画像です。
✤ your_theme やyour_plugins は、移転元のサイトで使っていたテーマやプラグインです。
![Page 29: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/29.jpg)
SQLファイルのインポート作業
✤ 「接続文字列の表示」をクリックしてデータベース接続に必要な情報を表示します。
✤ 内容はテキストエディターにコピーしておけば良いです。
![Page 30: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/30.jpg)
SQLファイルのインポート作業
![Page 31: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/31.jpg)
SQLファイルのインポート作業
![Page 32: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/32.jpg)
SQLファイルのインポート作業
![Page 33: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/33.jpg)
SQLファイルのインポート作業
Store in Keychainをクリックすると、パスワード入力画面が出るので、接続文字列からPasswordの値を入力します。
![Page 34: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/34.jpg)
SQLファイルのインポート作業
![Page 35: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/35.jpg)
SQLファイルのインポート作業
![Page 36: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/36.jpg)
SQLファイルのインポート作業
![Page 37: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/37.jpg)
SQLファイルのインポート作業
✤ 新規のデータベースサーバー接続が出来ている事を確認して、「Manage Import / Export」をクリックします。
![Page 38: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/38.jpg)
SQLファイルのインポート作業
✤ さきほど作ったデータベースを選択します。
![Page 39: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/39.jpg)
SQLファイルのインポート作業
![Page 40: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/40.jpg)
SQLファイルのインポート作業
✤ これで、移転元サイトと同じデータが、Windows Azure WEBサイトにも格納されました。
![Page 41: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/41.jpg)
WordPress側の状態
✤ 移転元のサイトで使っていたプラグインを有効にします。
✤ Windows Azure WEBサイトのサブドメインで稼働していますが、データベースの中身は移転元サイトの独自ドメインのままになっています。
✤ だから、画像などは移転元のサーバーにあるものを参照している状態です。
![Page 42: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/42.jpg)
Windows Azure WEBサイトの設定
![Page 43: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/43.jpg)
Windows Azure WEBサイトの設定
✤ WEBサイトのモードを共有または占有にすると独自ドメインでの運用が出来るようになります。
✤ 無料モードでは、Windows Azureのサブドメインしか使えません。
![Page 44: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/44.jpg)
Windows Azure WEBサイトの設定
✤ ここまで出来たら、次はドメイン管理サービスでの作業になります。
![Page 45: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/45.jpg)
ムームードメインの設定
✤ ムームードメイン: http://muumuu-domain.com/
![Page 46: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/46.jpg)
ムームードメインの設定
✤ ログインして、ムームーDNSをクリックします
✤ 柔軟なカスタム設定が出来る、便利なサービスです。
![Page 47: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/47.jpg)
ムームードメインの設定
✤ この画面はムームーDNSの「カスタム設定」を利用しているところです。ドメインは安部の個人ブログのものです。
✤ CNAMEレコードはwww.(ドメイン名)が、Windows Azure WEBサイトのサブドメインに向けてあります。
✤ Aレコードは(ドメイン名)が、Windows Azure WEBサイトの固定IPアドレスに向けてあります。
✤ MXレコードはメールサーバーの設定に使います。ここでは、GoogleAppsに向けてあります。
![Page 48: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/48.jpg)
引越完了
✤ Windowsサーバー上で稼働している証拠に、chromeエクステンションのbuilt withで確認すると、Server InformationにIISと表示されています。
![Page 49: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/49.jpg)
おつかれさまでした!
✤ MSDN 技術解説マンガ クラウドガール
http://msdn.microsoft.com/ja-jp/claudia.aspx
✤ MSDN Windows Azurehttp://msdn.microsoft.com/ja-jp/
windowsazure/cc994380.aspx
© 2011 Microsoft Corporation All Rights Reserved.
![Page 50: Windows azure webサイトの紹介](https://reader033.vdocuments.net/reader033/viewer/2022051413/55660dd8d8b42a06318b49d5/html5/thumbnails/50.jpg)
お土産欲しい人は取りに来てね!