Azure portal から Visual Studio Code に Standard ロジックアプリをエクスポートする

2025-02-26

適用対象: Azure Logic Apps (Standard)

Azure portal を使用して Standard ロジックアプリワークフローで作業している場合、ある時点で Visual Studio Code を使用する場合があります。 Visual Studio Code に切り替えてAzure Logic Apps (Standard) 拡張機能をインストールすると、拡張機能でのみ利用可能な拡張された利点が得られます。次に例を示します。

開発環境の制御が向上します。
ローカルデバッグおよびテストにより、開発環境が迅速化されます。
ソース管理リポジトリとの統合
新規および既存の接続のパラメーター化を自動化し、クロス環境デプロイを簡略化します。
デプロイスクリプトの自動生成、Azure コネクタのテンプレート、CI/CD パイプラインを使用したデプロイ。

このガイドでは、Standard ロジックアプリをポータルから ZIP ファイルパッケージとしてダウンロードする方法を説明します。このパッケージには、ロジックアプリのワークフロー、接続、ホスト構成、アプリ設定が含まれます。 Visual Studio Code では、このパッケージを使用して、ロジックアプリプロジェクトファイルを含むワークスペースを作成できます。

前提条件

Azure アカウントとサブスクリプション。 Azure サブスクリプションがない場合は、無料の Azure アカウントにサインアップしてください。
Azure Logic Apps (Standard) 拡張機能とその他前提条件がインストールされた Visual Studio Code。
Azure portal からエクスポートする Standard ロジックアプリとワークフロー。

ポータルからロジックアプリをダウンロードする

Azure portal で、Standard ロジックアプリリソースを開きます。
ロジックアプリのメニューで、 [概要] を選択します。 [概要] ページツールバーで、[アプリコンテンツのダウンロード] を選択します。
確認メッセージが表示されたら、 [ダウンロード]を選択します。

ポータルで、<logic-app-name>.zip という名前の zip ファイルパッケージが作成されます。
[ダウンロード] メッセージボックスで、[名前を付けて保存] を選択し、目的のローカルフォルダーを参照して、[保存] を選択します。

Note

ワークスペース作成用に zip ファイルを抽出する必要はないので、パッケージは zip のままにします。

Visual Studio Code でワークスペースを作成する

まだ設定されていない場合は、Visual Studio Code で次の手順を実行します。
1. Visual Studio Code を設定します。
2. Azure アカウントに接続します。
Azure ウィンドウの [ワークスペース] ツールバーで、[Azure Logic Apps] メニューを開き、[パッケージから新しいロジックアプリワークスペースを作成する...] を選択します。

[パッケージから新しいロジックアプリワークスペースを作成する] プロンプトウィンドウが開くので、インポートする zip ファイルパッケージを選択します。
プロンプトリストから [参照] を選択します。 zip ファイルパッケージを見つけて選択します。完了したら、[パッケージファイルの選択] を選択します。

ワークスペースを作成するフォルダーを選択するダイアログが表示されます。
プロンプトリストから [参照] を選択します。ワークスペースを作成するローカルリポジトリフォルダーを見つけて選択します。完了したら [選択] を選択します。追加のプロンプトに従って、ワークスペースの作成を続行します。
ワークスペースに使用する名前を入力します。
ロジックアプリプロジェクトに使用する名前を入力します。

現在の Visual Studio Code ウィンドウでプロジェクトを開くか、新しいウィンドウで開くかのダイアログが表示されます。
[現在のウィンドウで開く] または [新しいウィンドウを開く] を選択して、プロジェクトを開くウィンドウを選択します。

ロジックアプリのワークフローでAzure でホストされるマネージドコネクタを使用していない場合は、コネクタギャラリーにこれらのコネクタを含めるよう要求するダイアログが表示されます。ここでは、追加するコネクタの操作を検索できます。
Azure でホストされるマネージドコネクタをコネクタギャラリーに含めるには、[Azure のコネクタを使用する] を選択します。
ロジックアプリプロジェクトのデプロイとデプロイに使用する Azure サブスクリプションを選択します。
ローカル開発中に作成された Azure でホストされる接続を作成するリソースグループを選択します。
Microsoft Entra ID を使用して Azure Logic Apps 拡張機能でサインインするよう要求するダイアログが表示されたら、[許可] を選択します。
Microsoft Entra ID を選択します。

完了すると、Visual Studio Code のエクスプローラーウィンドウが開きます。このウィンドウには、すべてのワークフロー、接続参照、関連するローカルアプリ設定を含む、ロジックアプリプロジェクトを含む新しいワークスペースが含まれます。

ワークスペースの作成後にプロジェクトの README.md ファイルが自動的に開きます。次に例を示します。

README.md ファイルには、認証用マネージド ID を使用する接続を更新する方法について説明した、デプロイ後の重要な手順が含まれています。