Building Logic Apps Locally with VS Code: HTTP, Blob, Queue & More

Developing Logic Apps in Visual Studio Code (VS Code)

This guide walks you through creating and running Logic Apps in Visual Studio Code (VS Code) using different triggers such as HTTP, Blob, Queue, and Service Bus.

All screenshots and GIFs are embedded to give a smooth step-by-step experience.

---

🔹 1. Opening Logic App Designer in VS Code

To open the Logic App Designer:

• Launch Visual Studio Code
• Open the Command Palette (⇧⌘P / Ctrl+Shift+P)
• Search for Azure Logic Apps: Create new logic app workspace…
• Provide a workspace name and choose your Logic App template
• Once created, locate the workflow folder in Explorer
• Right-click workflow.json → Open Designer
• The visual Designer loads inside VS Code

📸 Screenshots (Combined)

---

🔹 2. Creating an HTTP Trigger Workflow

To create your first workflow:

• Click Add a Trigger
• Select HTTP Request (When an HTTP request is received)
• Add actions:
  • Initialize Variable
  • Variable name: counter
  • Type: Integer
  • Response
• Configure the Response action
• Save the workflow

📸 Screenshot

---

🔹 3. Running the HTTP Trigger Workflow

VS Code allows you to run Logic Apps with or without debugging.

⚠️ Important

• Ignore the HTTP URL printed in the terminal
• Always use the Callback URL from Azure → Logic App → Overview

---

🔹 4. Testing the HTTP Trigger with Postman

To test your Logic App:

• Copy the Callback URL
• Open Postman
• Send a request to the URL
• Check the response

• Open Run History to verify execution

---

🔹 5. Creating a Queue Trigger Workflow

To use a Queue trigger:

• Create a new workflow in VS Code
• Add a Queue Trigger
• Provide:
  • Storage connection string
  • Queue name
• Add a Compose action to capture the message
• Add a message to the queue to test execution

🛠 Development GIF

🧪 Test & Debug GIF

---

🎯 Conclusion

By following these steps, you can efficiently create, test, and run Logic Apps entirely from VS Code.

With HTTP triggers, Queue triggers, Postman testing, and the built-in Designer, VS Code provides a powerful and flexible local development experience for Logic App developers.

---