You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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:
19
19
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.
23
25
24
26
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.
25
27
26
28
## Prerequisites
27
29
28
30
* 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).
29
31
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)
31
33
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
33
35
34
-
## Download logic app from portal
36
+
## Download logic app from the portal
35
37
36
38
1. In the [Azure portal](https://portal.azure.com), open your Standard logic app resource.
37
39
38
40
1. On the logic app menu, select **Overview**. On the **Overview** page toolbar, select **Download app content**.
39
41
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
+
40
44
1. When the confirmation message appears, select **Download**.
41
45
42
46
The portal creates a zip file package named **<*logic-app-name*>.zip**.
43
47
44
48
1. In the **Downloads** message box, select **Save as**, browse to the local folder that you want, and select **Save**.
45
49
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
47
55
48
56
1. In Visual Studio Code, follow these steps if you're not already set up:
49
57
@@ -53,41 +61,52 @@ This guide shows how to download your Standard logic app as a zip file package f
53
61
54
62
1. In the Azure window, on the **Workspace** toolbar, open the **Azure Logic Apps** menu, and select **Create new logic app workspace from package...**.
55
63
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.":::
57
65
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.
59
67
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.":::
61
69
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**.
63
71
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.
65
73
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**.
67
75
68
-
You now get a prompt to enter a project name.
76
+
1. Enter a name to use for your workspace.
69
77
70
-
1.Provide a name to use for your logic app project.
78
+
1.Enter a name to use for your logic app project.
71
79
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.
73
81
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.
75
83
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.
77
85
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**.
79
87
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.
81
89
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.
83
91
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.
90
107
91
108
## Related content
92
109
110
+
For more information about managing your Standard logic app project in Visual Studio Code, see the following documentation:
111
+
93
112
-[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)
0 commit comments