Edit

Share via

Export Standard logic apps from Azure portal to Visual Studio Code

  • Article

Applies to: Azure Logic Apps (Standard)

If you work on Standard logic app workflows using the Azure portal, you might find yourself wanting to use Visual Studio Code instead at some point. When you switch to Visual Studio Code and install the Azure Logic Apps (Standard) extension, you get the expanded benefits available only with the extension, for example:

  • Better control over your development environment.
  • Faster development experience with local debugging and testing.
  • Integration with source control repositories.
  • Automated parameterization for new and existing connections, which simplifies cross-environment deployment.
  • Automated generation for deployment scripts, templates for Azure connectors, and deployment with CI/CD pipelines.

This guide shows how to download your Standard logic app as a zip file package from the portal. This package contains your logic app workflows, connections, host configuration, and app settings. In Visual Studio Code, you can then use this package to create a workspace that contains your logic app project files.

Prerequisites

Download logic app from the portal

  1. In the Azure portal, open your Standard logic app resource.

  2. On the logic app menu, select Overview. On the Overview page toolbar, select Download app content.

    Screenshot shows Azure portal, Standard logic app, Overview page toolbar, and selected option for Download app content.

  3. When the confirmation message appears, select Download.

    The portal creates a zip file package named <logic-app-name>.zip.

  4. In the Downloads message box, select Save as, browse to the local folder that you want, and select Save.

    Note

    Leave the package zipped because you don't have to extract the zip file for workspace creation.

Create your workspace in Visual Studio Code

  1. In Visual Studio Code, follow these steps if you're not already set up:

    1. Set up Visual Studio Code.

    2. Connect to your Azure account.

  2. In the Azure window, on the Workspace toolbar, open the Azure Logic Apps menu, and select Create new logic app workspace from package....

    Screenshot shows Visual Studio Code, Azure window, and Workspace toolbar with selected button for Azure Logic Apps, and selected option for Create new logic app workspace from package.

    The Create New Logic App Workspace from Package prompt window opens so you can select the zip file package that you want to import.

    Screenshot shows Visual Studio Code with prompt to select previously downloaded zip file package.

  3. From the prompt list, select Browse. Find and select your zip file package. When you're done, choose Select package file.

    You're now prompted to select the folder where you want to create your workspace.

  4. From the prompt list, select Browse. Find and select the local repository folder where you want to create your workspace. When you're done, choose Select. Follow the additional prompts to continue creating your workspace.

  5. Enter a name to use for your workspace.

  6. Enter a name to use for your logic app project.

    You're now prompted to open your project in the current Visual Studio Code window or a new window.

  7. Select Open in current window or Open new window to choose the window where to open your project.

    If your logic app's workflows don't use any managed, Azure-hosted connectors, you're prompted to include these connectors in the connector gallery where you can find connector operations to add.

  8. To include the managed, Azure-hosted connectors in the connector gallery, select Use connectors from Azure.

  9. Select the Azure subscription to use for logic app project development and deployment.

  10. Select the resource group where you want to create any Azure-hosted connections created during local development.

  11. When you're prompted to let the Azure Logic Apps extension sign in using Microsoft Entra ID, select Allow.

  12. Select your Microsoft Entra ID identity.

    When you finish, the Explorer window opens in Visual Studio Code. This window contains your new workspace with your logic app project, which includes all the workflows, connection references, and relevant local app settings.

    The project's README.md file automatically opens after workspace creation, for example:

    Screenshot shows Visual Studio Code, Explorer window, workspace, and logic app project.

    The README.md file contains important post deployment steps that describe how to update any connections that use a managed identity for authentication.

After workspace creation

If you have connections that use a managed identity, make sure that you update these connections for local development and debugging by using the steps in the project's README.md file.

Related content

For more information about managing your Standard logic app project in Visual Studio Code, see the following documentation: