演習 - Azure でホストされる Web サイトを作成する

技術の専門家なら、おそらく特定の分野についての専門知識をお持ちでしょう。 ストレージの管理者か仮想化のエキスパート、それとも最新のセキュリティ プラクティスの専門家でしょうか。 学生であれば、最も関心のあるものをまだ探しているところかもしれません。

役割に関係なく、ほとんどの人は Web サイトを作成することによってクラウドを使い始めます。 ここでは、App Service でホストされる Web サイトをデプロイします。

いくつかの基本的な用語を確認し、最初の Web サイトを起動して実行してみましょう。

App Service とは

Azure App Service は、インフラストラクチャを管理することなく、さまざまな種類の Web ベースのソリューションを構築およびホストできるようにする HTTP ベースのサービスです。 たとえば、サポートされているいくつかのプログラミング言語で、Web アプリ、モバイル バックエンド、RESTful API をホストできます。 .NET、.NET Core、Java、Ruby、Node.js、PHP、または Python で開発されたアプリケーションは、Windows と Linux ベースの両方の環境で簡単に実行してスケーリングできます。

昼食にかかる時間よりも短い時間で、Web サイトを作成することを目標としています。 そのため、コードを記述するのではなく、Microsoft Azure Marketplace から定義済みのアプリケーションをデプロイします。

Microsoft Azure Marketplace とは

Microsoft Azure Marketplace は、Azure で実行するために認定および最適化されたアプリケーションをホストするオンライン ストアです。 AI + Machine Learning から Web アプリケーションまで、さまざまな種類のアプリケーションを使用できます。 数分でおわかりかと思いますが、ウィザードスタイルのユーザー インターフェイスを使用して Azure portal を通じてストアからデプロイが行われます。 このユーザー インターフェイスを使用すると、さまざまなソリューションを簡単に評価できます。

Web サイトには Azure Marketplace の WordPress アプリケーション オプションのいずれかを使用します。

Azure でのリソースの作成

通常は、まず、作成する必要があるすべてのものを保持するリソース グループ を作成します。 リソース グループ を使用すると、ソリューションを 1 つの単位として構成する可能性のあるすべてのサービス、ディスク、ネットワーク インターフェイス、およびその他の要素を管理できます。 Azure portal を使用して、ソリューションのリソース グループを作成および管理できます。 しかし、Azure CLI を使用してコマンド ラインからリソースを管理することもできます。 Azure CLI は、今後プロセスを自動化する必要がある場合に便利なオプションです。

無料の Azure サンドボックス環境では、事前に作成されたリソース グループ [サンドボックス リソース グループ名] を使用するため、この手順を行う必要はありません。

場所の選択

無料のサンドボックスを使用すると、Azure グローバル リージョンのサブセットにリソースを作成できます。 リソースを作成するときは、次のリストからリージョンを選択します。

  • westus2
  • southcentralus
  • centralus
  • eastus
  • westeurope
  • southeastasia
  • japaneast
  • brazilsouth
  • australiasoutheast
  • centralindia

WordPress Web サイトを作成する

  1. 上記のサンドボックスがアクティブになっていることを確認します。 サンドボックスをアクティブにすると、この演習で使用するサブスクリプションとリソース グループが割り当てられます。 このステップは、サンドボックスを使用する Microsoft Learn の演習に必要です。

  2. サンドボックスをアクティブ化したときと同じアカウントを使用して、Azure portal にサインインします。

    注意

    Microsoft Learn Sandbox を使用して Azure portal 内で作業するときは、Microsoft Learn Sandbox ディレクトリにいることを常に確認することをお勧めします。 ディレクトリ名は、ユーザー アイコンを選択したときにページ上部の電子メールの下、またはアカウント情報の上に一覧表示されます。 サンドボックスを使用する演習の開始時には、サンドボックスがアクティブになっていることも確認してください。 これにより、Azure サブスクリプションと、演習で作成したリソースに使用する独自のリソース グループが割り当てられます。

  3. 左側のナビゲーション パネルを展開します。

  4. Azure portal の上部のナビゲーション メニューで [リソースの作成] を選択します。

    [リソースの作成] オプションを示すスクリーンショット

    このオプションにより Azure Marketplace に移動します。

    左側にカテゴリの列、右側の [人気順] オプションの列が表示されている Azure Marketplace のスクリーンショット。

  5. Azure Marketplace には、使用可能なサービス、ソリューション、リソースが多数用意されています。 WordPress をインストールしたいので、クイック検索を実行します。 列挙されているアプリケーションのオプションの上にある [Marketplace を検索] に、「WordPress」と入力します。 使用可能なオプションのリストから、既定の WordPress オプションを選択します。

    WordPress という用語の検索結果を示す Azure portal のスクリーンショット。

  6. 通常、新しく表示されるパネルには、インストールしようとしている項目に関する追加情報 (発行者、リソースの簡単な説明、詳細情報へのリンクなど) が表示されます。 この情報を必ず確認してください。 [作成] を選択して、WordPress アプリを作成する手順を開始します。

    WordPress のリソース情報を示す Azure portal のスクリーンショット。

  7. 次に、デプロイを構成するいくつかのオプションが表示されます。 次の情報を入力します。

    1. アプリ名: アプリ名に対して一意の値を選択します。 これにより、完全修飾ドメイン名 (FQDN) の一部が形成されます。
    2. サブスクリプション: [Concierge Subscription](コンシェルジュ サブスクリプション) が選択されていることを確認します。
    3. [リソース グループ]: [既存のものを使用] ラジオ ボタンを選択したら、ドロップダウン リストから [サンドボックス リソース グループ名] リソース グループを選択します。
    4. データベース プロバイダー: [MySQL in App] を選択します。
    5. App Service プラン/場所: App Service プランは、次の手順で変更します。
    6. Application Insights: 既定の構成のままにします。

    構成は次のようになります。

    指示に従って構成された新しい WordPress の App Service を示す Azure portal のスクリーンショット。

    注意

    それでもデータベースというセクションが表示される場合は、上記の構成で説明されている正しいデータベース プロバイダーを選択していることを確認してください。

  8. 次に、特定の価格レベルを使用するように App Service プランを構成してみましょう。 App Service プランでは、Web アプリのコンピューティング リソースと場所が指定されます。 [App Service プラン/場所] を選択します。

    WordPress の App Service の作成で [App Service プラン/場所] ボタンが強調表示されている Azure portal のスクリーンショット。

  9. [App Service プラン] パネルで、[新規作成] を選択します。

    [App Service プラン] パネルの [新規作成] ボタンが強調表示された Azure portal のスクリーンショット。

  10. [新しい App Service プラン] パネルに、新しいサービス プランの名前を入力します。

  11. [場所][米国中部] を選択して、選択するサービス プランが許可されているリージョンが選択されているようにします。 通常は、必要なサービスを提供している、顧客に最も近いリージョンを選択します。

  12. [価格レベル] を選択すると、さまざまな種類のサービス プランのパフォーマンスと機能のオプションが表示されます。

    [新しい App Service プラン] の構成の [価格レベル] ボタンが強調表示された Azure portal のスクリーンショット。

  13. [スペックの選択] では、アプリケーションの新しい価格レベルを選択できます。 S1 の価格レベルが選択されたこの画面が [運用] タブに表示されます。 Web サイトの 開発 / テスト タブで新しい価格レベルを選択します。

    開発 / テスト タブ、[F1] の価格レベルの順に選択します。 次に、[適用] を選択します。

    App Service プランの [スペックの選択] ウィンドウで [Dev/Test] セクションが選択され、無料の [F1] レベルと [適用] ボタンが強調表示されている Azure portal のスクリーンショット。

  14. [新しい App Service プラン] パネルに戻り、[OK] を選択して新しいプランを作成し、パネルを閉じます。

  15. 最後に、[作成] ボタンを選択して、新しいサイトのデプロイを開始します。

注意

リソースの作成で問題が発生した場合は、新しい App Service プランで F1 価格レベルが選択されているかを確認してください。 これは、この WordPress サイトを作成するときのサンドボックス システムの要件です。

Web サイトが実行されていることを確認する

新しい Web サイトのデプロイが完了するまで数分かかることがあります。ポータルをご自身でさらに詳しく調べてもかまいません。

デプロイの進捗はいつでも追跡できます。

  1. ポータルの上部にある通知ベル アイコンを選択します。 ブラウザー ウィンドウの幅が小さい場合は、右上にある省略記号 (...) アイコンをクリックすると表示されることがあります。

    通知ベル ボタンが強調表示された Azure portal の右上のメニューを示すスクリーンショット。

  2. [デプロイ中] を選択し、作成されたすべてのリソースの詳細を表示します。

    通知一覧内のデプロイ通知を示す Azure portal のスクリーンショット。

    作成されるとリソースがどのようにリストされるか、また完了するとデプロイの各コンポーネントの状態が緑色のチェックマークに変わることに注目してください。

    [デプロイが進行中です] と示されている、デプロイ通知の詳細を示す Azure portal のスクリーンショット。

  3. デプロイの状態メッセージが [デプロイが完了しました] に変わったら、通知ダイアログの状態は [デプロイに成功しました] に変わります。 [リソースに移動] を選択して、App Service の概要に移動します。

    デプロイ通知に [デプロイに成功しました] と示されている Azure portal のスクリーンショット。

  4. [概要] セクションで URL を見つけます。

    App Service の概要ウィンドウで URL の場所が強調表示されている、Azure portal のスクリーンショット。

    [URL] の情報をコピーします。 ブラウザーで新しいタブを開き、その情報を使用して新しい WordPress サイトを参照します。 これで、WordPress Web サイトを構成し、コンテンツを追加できるようになりました。

    事前に構成された WordPress Web サイトの言語/場所の選択を示すスクリーンショット。