次の方法で共有


クイック スタート: 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
    

    このチュートリアルでは 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 App 環境とコンテナー アプリを作成します。 Container Apps 拡張機能をインストールすると、Visual Studio Code の Azure コントロール パネルでその機能にアクセスできます。

  1. F1 キーを押してコマンド パレットを開き、Azure Container Apps: Deploy Project from Workspace コマンドを実行します。

  2. 拡張機能のプロンプトに従って、次の値を入力します。

    Prompt 価値
    サブスクリプションの選択 使用する Azure サブスクリプションを選択します。
    コンテナー アプリ環境を選択する [ 新しいコンテナー アプリ環境の作成] を選択します。 この質問は、既存の 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 リポジトリでイシューを開いて、お知らせください。

次のステップ