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
Copy file name to clipboardExpand all lines: articles/ai-foundry/how-to/develop/get-started-projects-vs-code.md
+12-12Lines changed: 12 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,7 +8,7 @@ content_well_notification:
8
8
- AI-contribution
9
9
ai-usage: ai-assisted
10
10
ms.topic: how-to
11
-
ms.date: 08/05/2025
11
+
ms.date: 09/09/2025
12
12
ms.reviewer: erichen
13
13
ms.author: johalexander
14
14
author: ms-johnalex
@@ -138,22 +138,22 @@ You can create a new Azure AI Foundry project from the Azure AI Foundry Extensio
138
138
139
139
1. Select the **plus** icon next to **Resources** in the **Resources** section of the Azure AI Foundry Extension view.
140
140
141
-
1. In the top center, enter the Azure AI Foundry Project name to use in the **Enter project name** textbox and press Enter.
141
+
You can either create a new resource group or select an existing one.
142
+
1. To create a new resource group:
143
+
1. In the top center, select **Create new resource group** and press Enter.
142
144
143
-
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/enter-project-name.png" alt-text="Screenshot of the Enter project name textbox." lightbox="../../media/how-to/get-started-projects-vs-code/enter-project-name.png":::
145
+
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/select-resource-group.png" alt-text="Screenshot of the Choose resource group dropdown with the Create new resource group item highlighted." lightbox="../../media/how-to/get-started-projects-vs-code/select-resource-group.png":::
144
146
145
-
You can either create a new resource group or select an existing one.
146
-
- To create a new resource group:
147
-
1. In the top center, select **Create new resource group** and press Enter.
147
+
1. In the top center, enter the Azure Resource Group name to use in the **Enter new resource group** textbox and press Enter.
148
148
149
-
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/select-resource-group.png" alt-text="Screenshot of the Choose resource group dropdown with the Create new resource group item highlighted." lightbox="../../media/how-to/get-started-projects-vs-code/select-resource-group.png":::
150
-
151
-
2. In the top center, enter the Azure Resource Group name to use in the **Enter new resource group** textbox and press Enter.
149
+
1. In the top center, select the location you want to use from the list of available locations and press Enter.
152
150
153
-
3. In the top center, select the location you want to use from the list of available locations and press Enter.
151
+
1. To use an existing resource group:
152
+
- In the top center, select the resource group you want to use from the list of available resource groups and press Enter.
154
153
155
-
- To use an existing resource group:
156
-
1. In the top center, select the resource group you want to use from the list of available resource groups and press Enter.
154
+
1. In the top center, enter the Azure AI Foundry Project name to use in the **Enter project name** textbox and press Enter.
155
+
156
+
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/enter-project-name.png" alt-text="Screenshot of the Enter project name textbox." lightbox="../../media/how-to/get-started-projects-vs-code/enter-project-name.png":::
157
157
158
158
After project deployment, a popup appears with the message **Project deployed successfully**.
@@ -130,6 +131,35 @@ Add a tool to the AI Agent with the following steps:
130
131
> [!NOTE]
131
132
> When you add a tool, you can also add any new assets it needs. For example, if you add a File Search tool, you can use an existing vector store asset or make a new asset for your vector store to host your uploaded files.
132
133
134
+
#### Add an existing MCP Server tool to the AI Agent
135
+
136
+
You can bring multiple remote MCP servers by adding them as tools. For each tool, you need to provide a unique `Server Label` value within the same agent and a `Server URL` value that points to the remote MCP server.
137
+
138
+
> [!WARNING]
139
+
> The remote MCP servers that you decide to use with the MCP tool described in this article were created by third parties, not Microsoft. Microsoft hasn't tested or verified these servers. For more information, see [Considerations for using non-Microsoft services and server](/azure/ai-foundry/agents/how-to/tools/model-context-protocol?branch=pr-en-us-6966#considerations-for-using-non-microsoft-services-and-servers).
140
+
141
+
To add an existing MCP Server tool to your AI Agent, follow these steps:
142
+
143
+
144
+
1. Select the **Add tool** button in the top-right corner of the **TOOL** section in the designer to show the dropdown. Choose the **MCP Server** tool.
145
+
146
+
1. Find the remote MCP server that you want to connect to, such as the GitHub MCP server. Create or update an Azure AI Foundry agent with a mcp tool with the following information:
147
+
148
+
1. `Server URL`: The URL of the MCP server; for example, [https://gitmcp.io/Azure/azure-rest-api-specs](https://gitmcp.io/Azure/azure-rest-api-specs).
149
+
150
+
1. `Server Label`: A unique identifier of this MCP server to the agent; for example, `fetch_rest_api_docs`.
151
+
152
+
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/agent-mcp-tool-dialog.png" alt-text="Screenshot of the MCP Server tool dialog box." lightbox="../../media/how-to/get-started-projects-vs-code/agent-mcp-tool-dialog.png":::
153
+
154
+
1. Next, select the **Allowed tools** dropdown to choose which tools the MCP server can use:
155
+
156
+
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/agent-select-mcp-tool.png" alt-text="Screenshot of the MCP Server tool dialog box with the 'Allowed tools' dropdown highlighted." lightbox="../../media/how-to/get-started-projects-vs-code/agent-select-mcp-tool.png":::
157
+
158
+
> [!WARNING]
159
+
> When you add an allowed tool, you can also pass a set of headers that the MCP server requires. Currently, there is an issue when running an agent with MCP server that requires authentication in agent playground. For more information about this issue: https://github.com/microsoft/ai-foundry-for-vscode/issues/150
160
+
161
+
1. After entering the required information, select the **Create tool** button in the bottom-left corner.
162
+
133
163
### Create Azure AI Agents on the Azure AI Foundry Studio
134
164
135
165
Create your agent directly on Azure AI Foundry with the following steps:
@@ -198,10 +228,28 @@ Open the **Agents Playground** using the following steps:
198
228
199
229
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/agent-display-playground.png" alt-text="Screenshot of the **Agents Playground** VS Code page." lightbox="../../media/how-to/get-started-projects-vs-code/agent-display-playground.png":::
200
230
201
-
1. Type your prompt and see the outputs. The **Grounding with Bing search** tool is used to search the web for information. The agent uses the model and tools you configured in the agent designer. The source of the information is displayed in the **Agent Annotations** section, highlighted in the following image.
231
+
1. Type your prompt and see the outputs. In this example, the **Grounding with Bing search** tool is used to search the web for information. The agent uses the model and tools you configured in the agent designer. The source of the information is displayed in the **Agent Annotations** section, highlighted in the following image.
202
232
203
233
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/agent-playground-run.png" alt-text="Screenshot of the Agents Playground page with agent annotations highlighted in VS Code." lightbox="../../media/how-to/get-started-projects-vs-code/agent-playground-run.png":::
204
234
235
+
### Interact with Agents using the MCP Server tool in agents playground
236
+
237
+
1. Right select on your deployed agent that has an **MCP Server** tool and select the **Open Playground** option, as you did in the previous steps. This action starts a thread with your agent and lets you send messages.
238
+
1. After the **Playground** page is displayed, type a prompt such as "Give me an example for creating a container app" and send it.
239
+
1. Select the authentication mode for the MCP Server tool. Choose the appropriate authentication method and proceed, as in the following image.
240
+
241
+
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/mcp-tool-authentication.png" alt-text="Screenshot of the MCP Server tool authentication prompt in the Agents Playground." lightbox="../../media/how-to/get-started-projects-vs-code/mcp-tool-authentication.png":::
242
+
1. Next, select the approval preference for the MCP Server tool. Choose the appropriate approval preference and proceed, as in the following image.
243
+
244
+
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/mcp-tool-approval-preference.png" alt-text="Screenshot of the MCP Server tool approval preference in the Agents Playground." lightbox="../../media/how-to/get-started-projects-vs-code/mcp-tool-approval-preference.png":::
245
+
246
+
1. If you chose `Ask every time` for your approval preference, you need to approve or reject the tool call, as in the following image.
247
+
248
+
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/mcp-approve-tool.png" alt-text="Screenshot of the MCP Server tool approval prompt in the Agents Playground." lightbox="../../media/how-to/get-started-projects-vs-code/mcp-approve-tool.png":::
249
+
250
+
1. The agent uses the model and the MCP Server tools you configured in the agent designer to retrieve the information. The source of the information is displayed in the **Agent Annotations** section, highlighted in the following image.
251
+
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/mcp-tool-response.png" alt-text="Screenshot of the Agents Playground page with agent annotations highlighted in VS Code after using the MCP Server tool." lightbox="../../media/how-to/get-started-projects-vs-code/mcp-tool-response.png":::
252
+
205
253
## Explore Threads
206
254
207
255
The **Threads** subsection displays the threads created during a run with your agent. In the Azure Resources Extension view, select the **caret** icon in front of the **Threads** subsection to view the list of threads.
0 commit comments