演習 - 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 6 (LTS) アプリケーションが実行されるプラットフォーム。 お客様の選択がオペレーティング システムの選択に影響を与えることがあります。一部のランタイム スタックでは、App Service でサポートされるオペレーティング システムは 1 つだけです。
    オペレーティング システム Linux アプリを実行する仮想サーバーで使用されているオペレーティング システム。
    リージョン 米国東部 アプリがホストされる地理的リージョン。
    価格プラン
    Linux プラン 既定値をそのまま使用します アプリを強化する App Service プランの名前。 既定では、ウィザードによって Web アプリと同じリージョンに新しいプランが作成されます。
    料金プラン Free F1 作成されるサービス プランの価格レベル。 料金プランにより、アプリを強化する仮想サーバーのパフォーマンス特性と、アプリでアクセスできる機能が決定されます。 ドロップダウンで [Free F1] を選びます。

    Screenshot showing web app creation details.

  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 サーバー スタック Apache Tomcat 9.0 アプリケーションを実行するプラットフォーム。 お客様の選択がオペレーティング システムの選択に影響を与えることがあります。一部のランタイム スタックでは、App Service でサポートされるオペレーティング システムは 1 つだけです。
    オペレーティング システム Linux アプリを実行する仮想サーバーで使用されているオペレーティング システム。
    リージョン 米国東部 アプリがホストされる地理的リージョン。
    価格プラン
    Linux プラン 既定値をそのまま使用します アプリを強化する App Service プランの名前。 既定では、ウィザードによって Web アプリと同じリージョンに新しいプランが作成されます。
    料金プラン F1 作成されるサービス プランの価格レベル。 料金プランにより、アプリを強化する仮想サーバーのパフォーマンス特性と、アプリでアクセスできる機能が決定されます。 ドロップダウンで [Free F1] を選びます。

    Screenshot showing web app creation details.

  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 16 LTS アプリケーションが実行されるプラットフォーム。 お客様の選択がオペレーティング システムの選択に影響を与えることがあります。一部のランタイム スタックでは、App Service でサポートされるオペレーティング システムは 1 つだけです。
    オペレーティング システム Linux アプリを実行する仮想サーバーで使用されているオペレーティング システム。
    リージョン 米国東部 アプリがホストされる地理的リージョン。
    価格プラン
    Linux プラン 既定値をそのまま使用します アプリを強化する App Service プランの名前。 既定では、ウィザードによって Web アプリと同じリージョンに新しいプランが作成されます。
    料金プラン F1 作成されるサービス プランの価格レベル。 料金プランにより、アプリを強化する仮想サーバーのパフォーマンス特性と、アプリでアクセスできる機能が決定されます。 ドロップダウンで [Free F1] を選びます。

    Screenshot showing web app creation details.

  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 アプリを実行する仮想サーバーで使用されているオペレーティング システム。
    リージョン 米国東部 アプリがホストされる地理的リージョン。
    価格プラン
    Linux プラン 既定値をそのまま使用します アプリを強化する App Service プランの名前。 既定では、ウィザードによって Web アプリと同じリージョンに新しいプランが作成されます。
    料金プラン F1 作成されるサービス プランの価格レベル。 料金プランにより、アプリを強化する仮想サーバーのパフォーマンス特性と、アプリでアクセスできる機能が決定されます。 ドロップダウンで [Free F1] を選びます。

    Screenshot showing web app creation details.

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

    注意

    デプロイが完了するまで、しばらく時間がかかる場合があります。

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

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

    Screenshot showing the App Service pane with the URL link of the overview section highlighted.

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

Screenshot showing your App Service in a browser.

Screenshot showing your App Service in a browser.

Screenshot showing your App Service in a browser.

Screenshot showing the newly created App Service in a browser.

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