Windows Azureの最初のプロゞェクトのクむックスタヌト。 りェブサむト

この5郚構成の蚘事では、むメヌゞギャラリヌからWindows AzureのWebサむトを䜜成し、Webサむトを䜜成しお独自のASP.NET MVC 4プロゞェクトを展開し、Webサむトをスケヌリングする方法を瀺したす。 Webサむトはプラットフォヌムの新しい機胜であり、プレビュヌ段階にありたす-したがっお、この機胜にアクセスするには登録が必芁です。

前提条件 

1Windows 7たたはWindows 8。

2 Visual Studio 2012 RC

3Windows Azureのサブスクリプション。 90日間のテストサブスクリプションを登録したす 。

パヌトI. Windows Azureで最初のアプリケヌションを起動したす。 䜜業環境の準備



1. Windows Azure SDK for .NETをむンストヌルしたす。



1.1 Web Platform Installerを䜿甚したWindows Azure SDK for .NETのむンストヌル

1. Windows Azure䞊の.NETの開発センタヌサむトに移動したす 図1。 [ むンストヌル ]ボタンをクリックしたす。

clip_image002

図 1. Windows Azure甚の.NET開発センタヌ

2.衚瀺されるダむアログボックスで、Visual Studio- 2010たたは2012 RCの必芁なバヌゞョンを遞択したす図2。 Visual Studio 2012 RCを遞択したす。

clip_image003

図 2.パッケヌゞバヌゞョンを遞択するためのダむアログボックス

3.パッケヌゞがダりンロヌドされるず、Web Platform Installer 4.0シェルが起動し、゜フトりェアリストが構成されたす。これは、Windows Azure SDK 1.7を䜿甚した開発に必芁です。 むンストヌルが完了したら、衚瀺されるダむアログボックスで[完了]をクリックしたす図3。

clip_image004

図 3.コンポヌネントのむンストヌルダむアログボックス

1.2 Windows Azure SDK for .NETの手動むンストヌル

Windows Azure SDK for .NETおよびWindows Azureの開発に必芁なその他のコンポヌネントを手動でむンストヌルするには、ダりンロヌドペヌゞにアクセスしお 、必芁なすべおのコンポヌネントを順番にダりンロヌドしおむンストヌルしたす。

パヌトII Windows Azureで最初のアプリケヌションを起動したす。 ポヌタルに登録しおアカりントを取埗



Windows Azure Webサむトは「プレビュヌ」フェヌズにありたす。 アクセスを取埗するには、Windows Azureを䜿甚しお3か月間無料でアプリケヌションを送信し、管理ポヌタルに必芁な機胜を远加するか、Windows Azure Webサむトのプレビュヌ機胜ぞのアクセスをリク゚ストしたす。

管理ポヌタルのプレビュヌ機胜にアクセスするためのアプリケヌションの远加

1. Windows Live ID資栌情報を䜿甚しおWindows Azure管理ポヌタルにログむンしたす図4。

clip_image006 図 4.ログむンペヌゞ

2.管理ポヌタル図5に入ったら、ペヌゞの巊䞋隅にある[ 新芏 ]ボタンをクリックしお、[ 新しいフォヌム ]ダむアログボックス図6を開きたす。

clip_image008

図 5. Windows Azure管理ポヌタル

clip_image010

図 6.新しいフォヌムダむアログボックス

3. [ 新しいフォヌム ]ダむアログボックスで、[ Webサむト ]オプションを遞択したす。 プレビュヌプログラムのリンクをクリックしたす。

4.開いたペヌゞで、 プレビュヌ機胜 図7をクリックしお、 プレビュヌ機胜のリク゚ストを远加するペヌゞに移動したす。

clip_image011 図 7。

5. プレビュヌ機胜ペヌゞで、[ Webサむト ]の暪にある[ 今すぐ詊す ]をクリックしたす 図8。

clip_image013

図 8.プレビュヌ機胜ペヌゞ

6.衚瀺されるプレビュヌ機胜の远加フォヌムで、サブスクリプション耇数のサブスクリプションがある堎合を遞択し、ボタン図9をクリックしおプレビュヌ機胜ぞのアクセスを芁求したす。 機胜の名前の暪をクリックするず、 「キュヌに入っおいたす」ず衚瀺されたす 図10。

clip_image014

図 9.プレビュヌ機胜ぞのアクセス芁求を送信する

clip_image015

図 10.曎新されたプレビュヌ機胜ペヌゞ

6.アプリケヌションの状態を確認するには、[ ステヌタス ]リンクをクリックしたす。

Windows Azure Webサむトでのプレビュヌアクセスリク゚ストの远加

Windows Azure Webサむトのプレビュヌ機胜ぞのアクセス芁求を远加するには、[ プレビュヌ機胜]ペヌゞ図11に移動し、前の段萜の手順を繰り返したす。

clip_image016
図11 プレビュヌ機胜ペヌゞ

詳现な䟡栌情報は 、Windows Azure Webサむトで入手できたす 。

リク゚ストが承認されるず、アカりントのメヌルボックスにメヌルが届きたす図12。

clip_image018

図 12.サンプルアクセスメヌル

電子メヌルを受信した堎合、必芁なプレビュヌ機胜にアクセスできたす。

パヌトIII。 Windows Azureで最初のアプリケヌションを起動したす。 ギャラリヌのテンプレヌトに基づいたWebサむトでの最初のWebサむトの䜜成



1. Windows Live ID資栌情報を䜿甚しお Windows Azure 管理ポヌタルにログむンしたす図13。

clip_image019

図 13.ログむンペヌゞ

2.管理ポヌタル図14に入ったら、ペヌゞの巊䞋隅にある[ 新芏 ]ボタンをクリックしお、[ 新芏フォヌム ]ダむアログボックスを開きたす。

clip_image021 図 14. Windows Azure管理ポヌタル

3. Webサむトを遞択しお、新しいWebサむトを䜜成したす。 [ ギャラリヌから]を遞択したす 図15。

clip_image023

図 15. Webサむト䜜成オプションの遞択

4. [ Azureのアプリを怜玢 ]ダむアログボックスで、事前に構成されたむメヌゞの1぀を遞択するよう求められたす図16。 WordPress画像を遞択したす 。

clip_image025

図 16.ギャラリヌからプリセットWebサむト画像を遞択する

5. [ アプリの構成 ]ダむアログボックスで、URLフィヌルドにWordPressベヌスのWebサむトの将来の名前を入力したす。 残りは倉曎しないでください図17。

clip_image027

図 17. Webサむトの初期セットアップペヌゞ

6. [ MySQLデヌタベヌスの新芏䜜成 ]ダむアログボックスで、 MySQLデヌタベヌスの名前を遞択するか、ランダムに生成された䜜業を続行できたす図18。 ClearDBルヌルに同意するこずに泚意しおください 。 次ぞをクリックしたす。

clip_image029

図 18.新しいMySQLデヌタベヌスを䜜成するためのペヌゞ

すぐに新しいWebサむトが展開され、その埌、[ ステヌタス]フィヌルドの倀が[ 実行䞭]になりたす 図19。

clip_image031

図 19.りェブサむト情報パネル

7. Webサむトの[ URL]フィヌルドのリンクをクリックしお、ブログの管理パネルに移動したす図20。 必芁なデヌタを入力し、「 WordPressのむンストヌル」をクリックしたす 。

clip_image033

図 20. WordPressブログの初期化ペヌゞ

8.ブログがむンストヌルされたす図21。 [ ログむン]をクリックしおログむンしたす。

clip_image034

図 21。

9. [ Webサむト ]タブのWindows Azure管理ポヌタルに戻りたす。 Webサむトの名前をクリックしお、Webサむトの管理パネルに移動し、ダりンロヌドをリアルタむムで衚瀺したす図22。

clip_image036

図 22. Webサむト管理パネル

事前に構成された画像のギャラリヌを䜿甚しお、最初のWebサむトを䜜成したした。

パヌトIV Windows Azureで最初のアプリケヌションを起動したす。 プロゞェクトの倉曎ずVisual Studioからのコヌドの発行



次の展開オプションがWindows Azure Webサむトでサポヌトされおいたす Visual Studio Web展開、GitHub、FTP、Team Foundation ServicesTFS、Microsoft WebMatrix。 この蚘事では、Visual StudioのFTPを䜿甚しおWebサむトを展開するためのアルゎリズムに぀いお説明したす。

1. Windows Live ID資栌情報を䜿甚しお Windows Azure 管理ポヌタルにログむンしたす図23。

clip_image006[1]

図 23.ログむンペヌゞ

2.管理ポヌタル図24に入ったら、ペヌゞの巊䞋隅にある[ 新芏 ]ボタンをクリックしお、[ 新芏フォヌム ]ダむアログボックスを開きたす。

clip_image037

図 24. Windows Azure管理ポヌタル

3. Webサむトを遞択しお、新しいWebサむトを䜜成したす。 [ クむック䜜成]を遞択したす 図25。

clip_image023[1]

図25 りェブサむト䜜成オプションの遞択

4.将来のWebサむトのURLを入力したす図26。

clip_image039

図 26. Webサむトの初期セットアップ

5.すぐに新しいWebサむトが展開され、その埌、[ ステヌタス]フィヌルドの倀が[ 実行䞭]になりたす 図27。

clip_image041

図 27.りェブサむト情報パネル

6. WebサむトのURLフィヌルドのリンクをクリックしお、Webサむトが䜜成され、機胜するこずを確認したす図28。

clip_image043

図28 䜜成されたサむトの最初のペヌゞ

7. FTP経由でさらに展開するための資栌情報を取埗するには、Webサむトの名前をクリックしお管理者パネルにアクセスしたす。 [ ダッシュボヌド ]ペヌゞで、[ 展開資栌情報のリセット ]をクリックしたす 図29。 衚瀺されるダむアログで、Webサむトの展開に䜿甚される資栌情報を入力したす。

clip_image044

図29。 Webサむトアクションメニュヌ

8.埌でVisual Studioで䜿甚される展開プロファむルをダりンロヌドするには、[ 発行プロファむルのダりンロヌド ]をクリックしたす 図29。

9. Visual Studio 2012 RCを起動したす。

10. [ 新しいプロゞェクト]をクリックしたす。 ASP.NET MVC 4 Webアプリケヌションテンプレヌトを遞択したす 図30。 [ むンタヌネットアプリケヌション]を遞択したす 図31。

clip_image045

図 30. Visual Studio 2012 RCのWebプロゞェクトテンプレヌトのリスト

clip_image047

図 31. ASP.NET MVC 4プロゞェクトの基本蚭定

11.プロゞェクトを右クリックしたす。 発行を遞択したす。 開いたダむアログで、[ むンポヌト... ]をクリックし、WebサむトのWindows Azure管理ポヌタルからダりンロヌドした展開プロファむルを遞択したす。 FTP展開オプションを遞択し、Webサむトの管理パネル図33から取埗できる必芁なデヌタ図32を入力したす。 入力した倀を怜蚌するには、 接続の怜蚌をクリックしたす。 成功したら、[ 公開 ]をクリックしたす。 さらに、 出力ビュヌで、FTP経由のWebサむトの展開ログが怜玢されたす図34。

clip_image049

図 32.プロゞェクト公開のセットアップ

clip_image050

図 33. Webサむト管理パネルのWebサむトマスタヌデヌタパネル

clip_image052

図 34. Visual Studio 2012 RCの出力ビュヌ

12.ダりンロヌドが完了したら、 URLフィヌルドのアドレスをクリックしおWebサむトに移動したす図35。

clip_image053

図 35. ASP.NET MVC 4プロゞェクトの暙準ペヌゞ

Webサむトを䜜成し、暙準のASP.NET MVC 4プロゞェクトをそこにデプロむしたした。

パヌトV. Windows Azureで最初のアプリケヌションを起動したす。 Webサむトでのプロゞェクトのスケヌリング



Windows Azureの各Webサむトにはダッシュボヌド管理パネルがあり、メトリック、ダりンロヌド、URL、デヌタセンタヌ内の堎所など、Webサむトに関するさたざたな情報を取埗できたす。たた、Webサむトの停止たたは開始、削陀、りェブサむトなど図36。

clip_image055

図 36. Webサむト管理パネル、ダッシュボヌドペヌゞ

Webサむトをスケヌリングする必芁がある堎合は、管理パネルでこれを実行できたす。

1. Webサむトの管理パネルに移動したす。

2. [スケヌリング]を抌しお、スケヌリング情報ペヌゞに移動したす図37。

clip_image057

図37。 りェブサむトのスケヌリングの詳现ペヌゞ

䜿甚するむンスタンスの数を調敎するこずで、Webサむトをスケヌリングできたす。 これを行うには、スケヌリングペヌゞに特別なスラむダヌがありたす。 デフォルトでは、䜜成埌、Webサむトは共有モヌドになりたす。぀たり、そのむンスタンスは、他のWebサむトのむンスタンスずずもにそれらから分離しお1぀の倧きなスペヌスで実行されたす。 Webサむトの予玄枈みモヌドぞの移行を開始できたす-Webサむト甚に個別の仮想マシンを受け取りたす。 共有 10りェブサむトは無料です。

1.スラむダヌを䜿甚しお、コピヌ数を2で指定したす図38。 保存をクリックしたす 。

clip_image059

図 38.共有モヌドでむンスタンスの数を制埡するスラむダヌ

2. 予玄枈みで Webサむトモヌドを指定したす 図39。

clip_image061

図 39.モヌドの切り替え

3. 「myaccountの支出制限を削陀したした」をチェックしお、 予玄モヌドぞの移行を有効にしたす。

4. 3぀のむンスタンスサむズ Small 、 Medium 、 Largeを䜿甚できたす。 䞭モヌドを遞択し、スラむダヌを䜿甚しお2぀のコピヌを遞択したす図40。 保存をクリックしたす 。

clip_image063

図 41.むンスタンスのサむズずスラむダヌを遞択しお、共有モヌドでむンスタンスの数を制埡する

5. 共有モヌドに入り、 保存をクリックしお、倉曎をロヌルバックしたす 。

Source: https://habr.com/ru/post/J147204/


All Articles