Skip to content

Commit f2b9c0f

Browse files
author
ecfan
committed
Add art, clarity edits
1 parent 97fad64 commit f2b9c0f

File tree

5 files changed

+48
-29
lines changed

5 files changed

+48
-29
lines changed

articles/logic-apps/export-standard-logic-app-to-visual-studio-code.md

Lines changed: 48 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -11,39 +11,47 @@ ms.date: 12/19/2024
1111
# As an Azure Logic Apps developer, I want to export my Standard logic app and workflows from the Azure portal into Visual Studio Code.
1212
---
1313

14-
# Export Standard logic app workflows from Azure portal to Visual Studio Code
14+
# Export Standard logic apps from Azure portal to Visual Studio Code
1515

1616
[!INCLUDE [logic-apps-sku-standard](../../includes/logic-apps-sku-standard.md)]
1717

18-
If you currently work on Standard logic app workflows using the Azure portal, you might find yourself wanting to use Visual Studio Code instead. When you switch to Visual Studio Code, you get the following benefits:
18+
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:
1919

20-
- More control over your development environment.
21-
- Expanded debugging and testing capabilities.
22-
- Effectively use version control with your app projects.
20+
- Better control over your development environment.
21+
- Faster development experience with local debugging and testing.
22+
- Integration with source control repositories.
23+
- Automated parameterization for new and existing connections, which simplifies cross-environment deployment.
24+
- Automated generation for deployment scripts, templates for Azure connectors, and deployment with CI/CD pipelines.
2325

2426
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.
2527

2628
## Prerequisites
2729

2830
* An Azure account and subscription. If you don't have an Azure subscription, [sign up for a free Azure account](https://azure.microsoft.com/free/?WT.mc_id=A261C142F).
2931

30-
* [Visual Studio Code and its prerequisites](/azure/logic-apps/create-single-tenant-workflows-visual-studio-code#prerequisites)
32+
* [Visual Studio Code with the Azure Logic Apps (Standard) extension installed and their prerequisites](/azure/logic-apps/create-single-tenant-workflows-visual-studio-code#prerequisites)
3133

32-
* The Standard logic app and workflows that you want to export
34+
* The Standard logic app and workflows that you want to export from the Azure portal
3335

34-
## Download logic app from portal
36+
## Download logic app from the portal
3537

3638
1. In the [Azure portal](https://portal.azure.com), open your Standard logic app resource.
3739

3840
1. On the logic app menu, select **Overview**. On the **Overview** page toolbar, select **Download app content**.
3941

42+
:::image type="content" source="media/export-standard-logic-app-to-visual-studio-code/download-app-content.png" alt-text="Screenshot shows Azure portal, Standard logic app, Overview page toolbar, and selected option for Download app content.":::
43+
4044
1. When the confirmation message appears, select **Download**.
4145

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

4448
1. In the **Downloads** message box, select **Save as**, browse to the local folder that you want, and select **Save**.
4549

46-
## Create workspace in Visual Studio Code
50+
> [!NOTE]
51+
>
52+
> Leave the package zipped because you don't have to extract the zip file for workspace creation.
53+
54+
## Create your workspace in Visual Studio Code
4755

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

@@ -53,41 +61,52 @@ This guide shows how to download your Standard logic app as a zip file package f
5361

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

56-
The **Create New Logic App Workspace from Package** list opens and shows a prompt to select the zip file package that you want to import.
64+
:::image type="content" source="media/export-standard-logic-app-to-visual-studio-code/create-workspace-from-package.png" alt-text="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.":::
5765

58-
1. From the opened list, select **Browse**. Find and select your downloaded zip file package.
66+
The **Create New Logic App Workspace from Package** prompt window opens so you can select the zip file package that you want to import.
5967

60-
You now get a prompt to select the folder where you want to create your workspace.
68+
:::image type="content" source="media/export-standard-logic-app-to-visual-studio-code/select-zip-file-package.png" alt-text="Screenshot shows Visual Studio Code with prompt to select previously downloaded zip file package.":::
6169

62-
1. From the opened list, select **Browse**. Find and select the local repository folder where you want to create your workspace.
70+
1. From the prompt list, select **Browse**. Find and select your zip file package. When you're done, choose **Select package file**.
6371

64-
You now get a prompt to enter workspace name.
72+
You're now prompted to select the folder where you want to create your workspace.
6573

66-
1. Provide a name to use for your workspace.
74+
1. 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**.
6775

68-
You now get a prompt to enter a project name.
76+
1. Enter a name to use for your workspace.
6977

70-
1. Provide a name to use for your logic app project.
78+
1. Enter a name to use for your logic app project.
7179

72-
You now get a prompt to open your project in the current Visual Studio Code window or a new window.
80+
You're now prompted to open your project in the current Visual Studio Code window or a new window.
7381

74-
1. Select the window where you want to open your project.
82+
1. Select **Open in current window** or **Open new window** to choose the window where to open your project.
7583

76-
If your workflows don't use any managed, Azure-hosted connectors, you get a prompt to choose if you want to include these connectors in the connector gallery when you search for operations to add.
84+
If your logic app's workflows don't use any [managed, Azure-hosted connectors](/azure/connectors/managed), you're prompted to include these connectors in the connector gallery where you can find connector operations to add.
7785

78-
1. To include these Azure-hosted connectors, select **Use connectors from Azure**.
86+
1. To include the managed, Azure-hosted connectors in the connector gallery, select **Use connectors from Azure**.
7987

80-
1. At the prompt, select your Azure subscription and the resource group where you want to create any Azure-hosted connections during local development.
88+
1. Select the Azure subscription to use for logic app project development and deployment.
8189

82-
When you finish, the Explorer window opens in Visual Studio Code and shows your created workspace with your logic app project, including all workflows, connection references, and relevant local app settings.
90+
1. Select the resource group where you want to create any Azure-hosted connections created during local development.
8391

84-
> [!IMPORTANT]
85-
>
86-
> If you have any connections that use a managed identity for authentication, make sure
87-
> that you update these connections by following the steps in the created project's
88-
> **README.md** file, which automatically opens after workspace creation. These steps
89-
> describe how to update these connections for local development, debugging, and testing.
92+
1. When you're prompted to let the Azure Logic Apps extension sign in using Microsoft Entra ID, select **Allow**.
93+
94+
1. Select your Microsoft Entra ID identity.
95+
96+
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.
97+
98+
The project's **README.md** file automatically opens after workspace creation, for example:
99+
100+
:::image type="content" source="media/export-standard-logic-app-to-visual-studio-code/workspace-and-project.png" alt-text="Screenshot shows Visual Studio Code, Explorer window, workspace, and logic app project.":::
101+
102+
The **README.md** file contains important post deployment steps that describe how to update any connections that use a managed identity for authentication.
103+
104+
## After workspace creation
105+
106+
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.
90107

91108
## Related content
92109

110+
For more information about managing your Standard logic app project in Visual Studio Code, see the following documentation:
111+
93112
- [Create Standard logic app workflow in single-tenant Azure Logic Apps using Visual Studio Code](/azure/logic-apps/create-single-tenant-workflows-visual-studio-code)
27.8 KB
Loading
22.7 KB
Loading
13.7 KB
Loading
160 KB
Loading

0 commit comments

Comments
 (0)