演習 - Docker イメージから Web アプリを作成してデプロイする

完了

Azure App Service には、Azure ベースの Web アプリ用のホスティング環境が用意されています。 Azure Container Registry 内のリポジトリから Web アプリのイメージを取得するように App Service を構成することができます。

シナリオ例では、チームは Web アプリのイメージを Azure Container Registry にアップロードしたので、これで Web アプリをデプロイする準備が整いました。

このユニットでは、Azure Container Registry に格納された Docker イメージを使って新しい Web アプリを作成します。 App Service と定義済みの App Service プランを使って、Web アプリをホストします。

Azure Container Registry への Docker アクセスを有効にする

Docker を使用してレジストリにログインし、デプロイする Web イメージをプルします。 このアクションを実行するには、Docker にユーザー名とパスワードが必要です。 Container Registry を使用すると、お使いのコンテナー レジストリに Docker がログインするのを許可するために、ユーザー名としてレジストリ名を、パスワードとして管理者アクセス キーを設定できます。

  1. Azure portal にサインインし、[すべてのリソース] に移動します。 [すべてのリソース] ペインが表示されます。

  2. 前に作成したコンテナー レジストリを選択して、[概要] ページに移動します。

  3. 左側のメニュー ペインの [設定] で、[アクセス キー] を選択します。 コンテナー レジストリの [アクセス キー] ペインが表示されます。

  4. [管理ユーザー] チェック ボックスをオンにします。 この変更は自動的に保存されます。

これで、Web アプリを作成する準備が整いました。

Web アプリを作成する

  1. Azure portal のホーム ページに戻り、[Azure サービス][リソースの作成] を選択します。 [リソースの作成] ウィンドウが表示されます。

  2. 左側のメニュー ペインで、[Web] を選択し、[人気のある Azure サービス][Web アプリ] を選択します。

    [Web アプリ] を選択した Azure Marketplace を示すスクリーンショット。

    [Web アプリの作成] ペインが表示されます。

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

    設定
    プロジェクトの詳細
    サブスクリプション リソースの作成と管理が許可されている、既定の Azure サブスクリプションを選択します。
    リソース グループ ドロップダウン リストから、既存のリソース グループ learn-deploy-container-acr-rg を選択します。
    インスタンスの詳細
    名前 一意の名前を入力し、後で使うためにメモしておきます。
    発行 コンテナー
    オペレーティング システム Linux
    リージョン 前の演習で使用したのと同じ近くの場所を選択します。
    価格プラン
    Linux プラン 既定値を使用します。
    料金プラン 既定値を使用します。
    ゾーン冗長性
    ゾーン冗長性 既定値を使用します。
  4. 画面の上部にある [コンテナー] タブを選びます。

  5. [コンテナー] タブで、各設定に次の値を入力します。

    設定 Value
    サイドカーのサポート (プレビュー) "既定値" をそのまま使用します。
    イメージのソース Azure Container Registry
    [オプション] 単一コンテナー
    Azure コンテナー レジストリのオプション
    レジストリ お使いのレジストリを選択します。
    イメージ webimage
    タグ latest
    スタートアップ コマンド この設定は空のままにします。
  6. [確認と作成] を選択し、次に [作成] を選択します。 Web アプリがデプロイされるまで待ってから続行します。

Web アプリをテストする

  1. デプロイが成功したら、[リソースに移動] を選択して、作成した Web アプリを表示します。 Web アプリの [アプリ サービス] ペインが表示されます。

  2. [既定のドメイン] フィールドで URL を選び、新しいブラウザー タブでサイトを開きます。

  1. アプリの Docker イメージの読み込みと起動中のコールド スタート遅延の後に、次の画像のようなページが表示されます。

    サンプルの Docker イメージのスクリーンショット。

  1. アプリの Docker イメージの読み込みと起動中のコールド スタート遅延の後に、次の画像のようなページが表示されます。

    サンプルの Welcome to Express のスクリーンショット。

現在 App Service では Docker イメージからアプリをホストしています。