演習 - Azure portal で Web アプリを作成する

完了

このユニットでは、Azure portal を使用して Web アプリを作成します。

Web アプリを作成する

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

  1. Azure portal のメニューまたはホーム ページで、[リソースの作成] を選択します。 Azure 上で作成するあらゆるものがリソースです。 [リソースの作成] ウィンドウが表示されます。

    ここで、作成するリソースを検索したり、ユーザーが Azure portal で作成した人気のあるリソースの 1 つを選択したりできます。

  2. [リソースの作成] メニューで、[Web] を選択します。

  3. Web アプリを選択します。 表示されない場合は、検索ボックスで、「Web アプリ」を検索して選択します。 [Web アプリの作成] ペインが表示されます。

  4. [基本] タブで、各設定に対して次の値を入力します。

    設定 詳細
    プロジェクトの詳細
    サブスクリプション コンシェルジェ サブスクリプション 作成する Web アプリは、リソース グループに属している必要があります。 ここでは、そのリソース グループが属している (または、ウィザード内で作成する場合は、属することになる) Azure サブスクリプションを選択します。
    リソース グループ [サンドボックス リソース グループ] を選択 Web アプリが属するリソース グループ。 Azure リソースはすべて、リソース グループに属している必要があります。
    インスタンスの詳細
    名前 一意の名前を入力 Web アプリの名前。 この名前はアプリの URL に含まれます: appname.azurewebsites.net。 選択した名前は、すべての Azure Web アプリの間で一意になる必要があります。
    公開する コード アプリケーションの発行に使用する方法。 アプリケーションをコードとして発行するとき、アプリを実行できるように App Service リソースを準備する目的でランタイム スタックを構成する必要もあります。
    ランタイム スタック .NET Core 3.1 (LTS) アプリケーションが実行されるプラットフォーム。 お客様の選択がオペレーティング システムの選択に影響を与えることがあります。一部のランタイム スタックでは、App Service でサポートされるオペレーティング システムは 1 つだけです。
    オペレーティング システム Linux アプリを実行する仮想サーバーで使用されているオペレーティング システム。
    リージョン 米国中部 アプリがホストされる地理的リージョン。
    App Service プラン
    Linux プラン 既定値をそのまま使用します アプリを強化する App Service プランの名前。 既定では、ウィザードによって Web アプリと同じリージョンに新しいプランが作成されます。
    SKU とサイズ Free F1 作成されるサービス プランの価格レベル。 SKU とサイズにより、アプリを強化する仮想サーバーのパフォーマンス特性と、アプリでアクセスできる機能が決定されます。 F1 レベルを選択するには、[サイズの変更] を選択して [スペックの選択] ウィザードを開きます。 [開発/テスト][F1][適用] の順に選択します。

    Web アプリの作成の詳細を示すスクリーンショット。

  1. Azure portal のメニューまたはホーム ページで、[リソースの作成] を選択します。 Azure 上で作成するあらゆるものがリソースです。 [リソースの作成] ウィンドウが表示されます。

    ここで、作成するリソースを検索したり、ユーザーが Azure portal で作成した人気のあるリソースの 1 つを選択したりできます。

  2. [リソースの作成] メニューで、[Web] を選択します。

  3. Web アプリを選択します。 表示されない場合は、検索ボックスで、「Web アプリ」を検索して選択します。 [Web アプリの作成] リソース ウィンドウが表示されます。

  4. [基本] タブで、各設定に対して次の値を入力します。

    設定 詳細
    プロジェクトの詳細
    サブスクリプション コンシェルジェ サブスクリプション 作成する Web アプリは、リソース グループに属している必要があります。 ここでは、そのリソース グループが属している (または、ウィザード内で作成する場合は、属することになる) Azure サブスクリプションを選択します。
    リソース グループ [サンドボックス リソース グループ] を選択 Web アプリが属するリソース グループ。 Azure リソースはすべて、リソース グループに属している必要があります。
    インスタンスの詳細
    名前 一意の名前を入力 Web アプリの名前。 この名前はアプリの URL に含まれます: appname.azurewebsites.net。 選択した名前は、すべての Azure Web アプリの間で一意になる必要があります。
    公開する コード アプリケーションの発行に使用する方法。 アプリケーションをコードとして発行するとき、アプリを実行できるように App Service リソースを準備する目的でランタイム スタックを構成する必要もあります。
    ランタイム スタック Java 11 アプリケーションによって使用される Java ランタイム バージョン。
    Java Web サーバー スタック Tomcat 9.0 アプリケーションを実行するプラットフォーム。 お客様の選択がオペレーティング システムの選択に影響を与えることがあります。一部のランタイム スタックでは、App Service でサポートされるオペレーティング システムは 1 つだけです。
    オペレーティング システム Linux アプリを実行する仮想サーバーで使用されているオペレーティング システム。
    リージョン 米国中部 アプリがホストされる地理的リージョン。
    App Service プラン
    Linux プラン 既定値をそのまま使用します アプリを強化する App Service プランの名前。 既定では、ウィザードによって Web アプリと同じリージョンに新しいプランが作成されます。
    SKU とサイズ F1 作成されるサービス プランの価格レベル。 SKU とサイズにより、アプリを強化する仮想サーバーのパフォーマンス特性と、アプリでアクセスできる機能が決定されます。 F1 レベルを選択するには、[サイズの変更] を選択して [スペックの選択] ウィザードを開きます。 [開発/テスト][F1][適用] の順に選択します。

    Web アプリの作成の詳細を示すスクリーンショット。

  1. Azure portal のメニューまたはホーム ページで、[リソースの作成] を選択します。 Azure 上で作成するあらゆるものがリソースです。 [リソースの作成] ウィンドウが表示されます。

    ここで、作成するリソースを検索したり、ユーザーが Azure portal で作成した人気のあるリソースの 1 つを選択したりできます。

  2. [リソースの作成] メニューで、[Web] を選択します。

  3. Web アプリを選択します。 表示されない場合は、検索ボックスで、「Web アプリ」を検索して選択します。 [Web アプリの作成] ペインが表示されます。

  4. [基本] タブで、各設定に対して次の値を入力します。

    設定 詳細
    プロジェクトの詳細
    サブスクリプション コンシェルジェ サブスクリプション 作成する Web アプリは、リソース グループに属している必要があります。 ここでは、そのリソース グループが属している (または、ウィザード内で作成する場合は、属することになる) Azure サブスクリプションを選択します。
    リソース グループ [サンドボックス リソース グループ] を選択 Web アプリが属するリソース グループ。 Azure リソースはすべて、リソース グループに属している必要があります。
    インスタンスの詳細
    名前 一意の名前を入力 Web アプリの名前。 この名前はアプリの URL に含まれます: appname.azurewebsites.net。 選択した名前は、すべての Azure Web アプリの間で一意になる必要があります。
    公開する コード アプリケーションの発行に使用する方法。 アプリケーションをコードとして発行するとき、アプリを実行できるように App Service リソースを準備する目的でランタイム スタックを構成する必要もあります。
    ランタイム スタック Node 14 LTS アプリケーションが実行されるプラットフォーム。 お客様の選択がオペレーティング システムの選択に影響を与えることがあります。一部のランタイム スタックでは、App Service でサポートされるオペレーティング システムは 1 つだけです。
    オペレーティング システム Linux アプリを実行する仮想サーバーで使用されているオペレーティング システム。
    リージョン 米国中部 アプリがホストされる地理的リージョン。
    App Service プラン
    Linux プラン 既定値をそのまま使用します アプリを強化する App Service プランの名前。 既定では、ウィザードによって Web アプリと同じリージョンに新しいプランが作成されます。
    SKU とサイズ F1 作成されるサービス プランの価格レベル。 これにより、アプリを強化する仮想サーバーのパフォーマンス特性と、アプリでアクセスできる機能が決定されます。 F1 レベルを選択するには、[サイズの変更] を選択して [スペックの選択] ウィザードを開きます。 [開発/テスト][F1][適用] の順に選択します。

    Web アプリの作成の詳細を示すスクリーンショット。

  1. Azure portal のメニューまたはホーム ページで、[リソースの作成] を選択します。 Azure 上で作成するあらゆるものがリソースです。 [リソースの作成] ウィンドウが表示されます。

    ここで、作成するリソースを検索したり、ユーザーが Azure portal で作成した人気のあるリソースの 1 つを選択したりできます。

  2. [リソースの作成] メニューで、[Web] を選択します。

  3. Web アプリを選択します。 表示されない場合は、検索ボックスで、「Web アプリ」を検索して選択します。 [Web アプリの作成] リソース ウィンドウが表示されます。

  4. [基本] タブで、各設定に対して次の値を入力します。

    設定 詳細
    プロジェクトの詳細
    サブスクリプション コンシェルジェ サブスクリプション 作成する Web アプリは、リソース グループに属している必要があります。 ここでは、そのリソース グループが属している (または、ウィザード内で作成する場合は、属することになる) Azure サブスクリプションを選択します。
    リソース グループ ドロップダウン リストから [サンドボックス リソース グループ] を選択します Web アプリが属するリソース グループ。 Azure リソースはすべて、リソース グループに属している必要があります。
    インスタンスの詳細
    名前 一意の名前を入力 Web アプリの名前。 この名前はアプリの URL に含まれます: appname.azurewebsites.net。 選択した名前は、すべての Azure Web アプリの間で一意になる必要があります。
    公開する コード アプリケーションの発行に使用する方法。 アプリケーションをコードとして発行するとき、アプリを実行できるように App Service リソースを準備する目的でランタイム スタックを構成する必要もあります。
    ランタイム スタック Python 3.8 アプリケーションが実行されるプラットフォーム。 お客様の選択がオペレーティング システムの選択に影響を与えることがあります。一部のランタイム スタックでは、App Service でサポートされるオペレーティング システムは 1 つだけです。
    オペレーティング システム Linux アプリを実行する仮想サーバーで使用されているオペレーティング システム。
    リージョン 米国中部 アプリがホストされる地理的リージョン。
    App Service プラン
    Linux プラン 既定値をそのまま使用します アプリを強化する App Service プランの名前。 既定では、ウィザードによって Web アプリと同じリージョンに新しいプランが作成されます。
    SKU とサイズ F1 作成されるサービス プランの価格レベル。 これにより、アプリを強化する仮想サーバーのパフォーマンス特性と、アプリでアクセスできる機能が決定されます。 F1 レベルを選択するには、[サイズの変更] を選択して [スペックの選択] ウィザードを開きます。 [開発/テスト][F1][適用] の順に選択します。

    Web アプリの作成の詳細を示すスクリーンショット。

  1. [確認と作成] を選択して確認ペインに移動し、[作成] を選択します。 ポータルに [デプロイ] ページが表示され、デプロイの状態を確認できます。

    注意

    デプロイが完了するまで 1 分ほどかかることがあります。

Web アプリをプレビューする

  1. デプロイが完了したら、[リソースに移動] を選択します。 ポータルには、Web アプリの [App Service の概要] ペインが表示されます。

    [概要] セクションの URL リンクが強調表示された App Service ウィンドウを示すスクリーンショット。

  2. Web アプリの既定のコンテンツをプレビューするには、右上にある URL を選択します。 プレースホルダー ページが読み込まれ、Web アプリが起動されて稼働しており、アプリのコードのデプロイを受け取る準備ができていることが示されます。

App Service がブラウザーに表示されているスクリーンショット。

App Service がブラウザーに表示されているスクリーンショット。

App Service がブラウザーに表示されているスクリーンショット。

ブラウザーで新しく作成された App Service を示すスクリーンショット。

ブラウザーのタブは、新しいアプリのプレースホルダー ページを開いたままにしておきます。 アプリをデプロイした後、ここに戻ります。