Share via

クイック スタート: Visual Studio Code を使用して Azure Container Apps にデプロイする

  • [アーティクル]

Azure Container Apps を使用すると、サーバーレス プラットフォームでマイクロサービスとコンテナー化されたアプリケーションを実行できます。 Container Appsを使用すると、クラウドインフラストラクチャや複雑なコンテナーオーケストレーターを手動で管理する必要がなくなり、コンテナーを実行するメリットが得られます。

このチュートリアルでは、Visual Studio Code を使用して、コンテナー化されたアプリケーションを Azure Container Apps にデプロイします。

前提条件

プロジェクトの複製

  1. 新しい Visual Studio Code ウィンドウを開きます。

  2. F1 キーを押してコマンド パレットを開きます。

  3. 「Git: Clone」と入力して Enter キーを押してください。

  4. サンプル プロジェクトを複製するには、次の URL を入力してください。

    https://github.com/Azure-Samples/containerapps-albumapi-javascript.git

    Note

    このチュートリアルでは JavaScript プロジェクトを使いますが、手順は言語に依存しません。

  5. プロジェクトを複製するフォルダーを選択してください。

  6. [開く] を選択して、Visual Studio Code でプロジェクトを開いてください。

Azure へのサインイン

  1. F1 キーを押してコマンド パレットを開きます。

  2. [Azure: サインイン] を選び、画面の指示に従って認証を行います。

  3. サインインしたら、Visual Studio Code に戻ります。

Azure Container Apps を作成してデプロイする

Visual Studio Code 用の Azure Container Apps 拡張機能を使うと、既存のコンテナー アプリケーション リソースを選ぶことや、アプリケーションをデプロイするために新規に作成することができます。 このシナリオでは、アプリケーションをホストするために新しい Container Apps 環境とコンテナー アプリを作成します。 Container Apps 拡張機能をインストールすると、Visual Studio Code 内の Azure コントロール パネルからその機能にアクセスできます。

  1. F1 選択してコマンド パレットを開き、 Azure Container Apps: Deploy Project from Workspace コマンドを実行してください。

  2. 拡張機能でダイアログが表示されたら、次の値を入力してください。

    プロンプト 値
    サブスクリプションの選択 使用する Azure サブスクリプションを選択します。
    Container Apps 環境を選択してください [コンテナー アプリ環境を作成する] を選択してください。 これは、既存の Container Apps 環境がある場合にのみ質問されます。
    新しいコンテナー アプリ リソースの名前を入力してください 「my-container-app」と入力します。
    場所を選択します。 近くの Azure リージョンを選択してください。
    デプロイ構成を保存しますか? [保存] を選択します。

    [Azure アクティビティ ログ] パネルが開き、デプロイの進行状況が表示されます。 このプロセスが完了するには数分かかることがあります。

  3. このプロセスが完了すると、Visual Studio Code に通知が表示されます。 [参照] を選択して、デプロイされたアプリをブラウザーで開いてください。

    ブラウザーのロケーション バーで、アプリの URL の末尾に /albums パスを追加して、サンプル API 要求のデータを表示することもできます。

おめでとうございます。 Visual Studio Code を使用して、初めてのコンテナー アプリの作成とデプロイが完了しました。

リソースをクリーンアップする

このアプリケーションを引き続き使用しない場合は、リソース グループを削除することで、Azure Container Apps インスタンスと関連付けられているすべてのサービスを一度で削除できます。

Azure portal の次の手順に従って、作成したリソースを削除します。

  1. [概要] セクションで、my-container-app リソース グループを選択してください。
  2. リソース グループ ページの [概要] の上部で [リソース グループの削除] ボタンを選択します。
  3. ["my-container-apps" を削除しますか?] 確認ダイアログにリソース グループ名「my-container-app」を入力してください。
  4. 削除を選択します。 リソース グループを削除するプロセスが完了するまでに数分かかる場合があります。

ヒント

問題がある場合は、 GitHub の Azure Container Apps リポジトリでイシューを開いて、お知らせください。

次のステップ

Azure Container Apps の環境