Skip to content

Commit 3561be2

Browse files
authored
Merge pull request #287733 from MicrosoftDocs/main
Publish to Live Wednesday 4AM PST, 10/2
2 parents a73333e + 1ea0d68 commit 3561be2

File tree

72 files changed

+755
-258
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

72 files changed

+755
-258
lines changed

.openpublishing.redirection.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4769,7 +4769,7 @@
47694769
},
47704770
{
47714771
"source_path_from_root": "/articles/third-party-notices.md",
4772-
"redirect_url": "/azure-docs/ThirdPartyNotices.md",
4772+
"redirect_url": "https://github.com/MicrosoftDocs/azure-docs/blob/main/ThirdPartyNotices.md",
47734773
"redirect_document_id": false
47744774
}
47754775
]
Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"redirections": [
3+
{
4+
"source_path_from_root": "/articles/api-center/use-vscode-extension.md",
5+
"redirect_url": "/azure/api-center/build-register-apis-vscode-extension",
6+
"redirect_document_id": false
7+
}
8+
9+
]
10+
}

articles/api-center/TOC.yml

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,8 +38,8 @@
3838
href: manage-apis-azure-cli.md
3939
- name: Import APIs from API Management
4040
href: import-api-management-apis.md
41-
- name: Register APIs - VS Code extension
42-
href: use-vscode-extension.md
41+
- name: Build and register APIs - VS Code extension
42+
href: build-register-apis-vscode-extension.md
4343
- name: Register APIs - GitHub Actions
4444
href: register-apis-github-actions.md
4545
- name: API governance
@@ -56,6 +56,8 @@
5656
href: find-nonproduction-api-requests-dev-proxy.md
5757
- name: API discovery and consumption
5858
items:
59+
- name: Enable platform API catalog - VS Code extension
60+
href: enable-platform-api-catalog-vscode-extension.md
5961
- name: Self-host Azure API Center portal
6062
href: enable-api-center-portal.md
6163
- name: Check API calls use minimal permissions with Dev Proxy

articles/api-center/use-vscode-extension.md renamed to articles/api-center/build-register-apis-vscode-extension.md

Lines changed: 25 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,24 @@
11
---
2-
title: Interact with API inventory using VS Code extension
3-
description: Build, discover, try, and consume APIs from your Azure API center using the Azure API Center extension for Visual Studio Code.
2+
title: Build and register APIs - Azure API Center - VS Code extension
3+
description: API developers can use the Azure API Center extension for Visual Studio Code to build and register APIs in their organization's API center.
44
author: dlepow
55
ms.service: azure-api-center
66
ms.topic: how-to
7-
ms.date: 08/01/2024
7+
ms.date: 09/23/2024
88
ms.author: danlep
99
ms.custom:
10-
# Customer intent: As a developer, I want to use my Visual Studio Code environment to build, discover, try, and consume APIs in my organization's API center.
10+
# Customer intent: As an API developer, I want to use my Visual Studio Code environment to build, discover, explore, and consume APIs in my organization's API center.
1111
---
1212

13-
# Get started with the Azure API Center extension for Visual Studio Code
13+
# Build and register APIs with the Azure API Center extension for Visual Studio Code
1414

15-
To build, discover, try, and consume APIs in your [API center](overview.md), you can use the Azure API Center extension in your Visual Studio Code development environment:
15+
To build, discover, explore, and consume APIs in your [API center](overview.md), you can use the Azure API Center extension in your Visual Studio Code development environment. The extension provides the following features for API developers:
1616

17-
* **Build APIs** - Make APIs you're building discoverable to others by registering them in your API center. Shift-left API design conformance checks into Visual Studio Code with integrated linting support. Ensure that new API versions don't break API consumers with breaking change detection.
17+
* **Build APIs** - Make APIs you're building discoverable to others by registering them in your API center directly or using CI/CD pipelines in GitHub or Azure DevOps. Shift-left API design conformance checks into Visual Studio Code with integrated linting support. Ensure that new API versions don't break API consumers with breaking change detection.
1818

1919
* **Discover APIs** - Browse the APIs in your API center, and view their details and documentation.
2020

21-
* **Try APIs** - Use Swagger UI or REST client to explore API requests and responses.
21+
* **Explore APIs** - Use Swagger UI or REST client to explore API requests and responses.
2222

2323
* **Consume APIs** - Generate API SDK clients for your favorite language including JavaScript, TypeScript, .NET, Python, and Java, using the Microsoft Kiota engine that generates SDKs for Microsoft Graph, GitHub, and more.
2424

@@ -28,14 +28,14 @@ To build, discover, try, and consume APIs in your [API center](overview.md), you
2828

2929
* One or more API centers in your Azure subscription. If you haven't created one already, see [Quickstart: Create your API center](set-up-api-center.md).
3030

31-
Currently, you need to be assigned the Contributor role or higher permissions to access API centers with the extension.
31+
Currently, you need to be assigned the Contributor role or higher permissions to manage API centers with the extension.
3232

3333
* [Visual Studio Code](https://code.visualstudio.com/)
3434

3535
* [Azure API Center extension for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=apidev.azure-api-center)
3636

3737
> [!NOTE]
38-
> Where noted, certain features are available only in the extension's pre-release version. When installing the extension from the [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=apidev.azure-api-center&ssr=false#overview), you can choose to install the release version or a pre-release version. Switch between the two versions at any time by using the extension's **Manage** button context menu in the Extensions view.
38+
> Where noted, certain features are available only in the extension's pre-release version. [!INCLUDE [vscode-extension-prerelease-features](includes/vscode-extension-prerelease-features.md)]
3939
4040
The following Visual Studio Code extensions are optional and needed only for certain scenarios as indicated:
4141

@@ -64,6 +64,9 @@ Register an API in your API center directly from Visual Studio Code, either by r
6464
* For **Step-by-step**, select the API center to register APIs with, and answer prompts with information including API title, type, lifecycle stage, version, and specification to complete API registration.
6565
* For **CI/CD**, select either **GitHub** or **Azure DevOps**, depending on your preferred source control mechanism. A Visual Studio Code workspace must be open for the Azure API Center extension to add a pipeline to your workspace. After the file is added, complete steps documented in the CI/CD pipeline file itself to configure Azure Pipeline/GitHub Action environment variables and identity. On push to source control, the API will be registered in your API center.
6666

67+
Learn more about setting up a [GitHub Actions workflow](register-apis-github-actions.md) to register APIs with your API center.
68+
69+
6770
## API design conformance
6871

6972
To ensure design conformance with organizational standards as you build APIs, the Azure API Center extension for Visual Studio Code provides integrated support for API specification linting with Spectral.
@@ -73,7 +76,7 @@ To ensure design conformance with organizational standards as you build APIs, th
7376

7477
Once an active API style guide is set, opening any OpenAPI or AsyncAPI-based specification file will trigger a local linting operation in Visual Studio Code. Results are displayed both inline in the editor, as well as in the Problems window (**View** > **Problems** or **Ctrl+Shift+M**).
7578

76-
:::image type="content" source="media/use-vscode-extension/local-linting.png" alt-text="Screenshot of local-linting in Visual Studio Code." lightbox="media/use-vscode-extension/local-linting.png":::
79+
:::image type="content" source="media/build-register-apis-vscode-extension/local-linting.png" alt-text="Screenshot of local-linting in Visual Studio Code." lightbox="media/build-register-apis-vscode-extension/local-linting.png":::
7780

7881
## Breaking change detection
7982

@@ -85,7 +88,7 @@ When introducing new versions of your API, it's important to ensure that changes
8588

8689
Visual Studio Code will open a diff view between the two API specifications. Any breaking changes are displayed both inline in the editor, as well as in the Problems window (**View** > **Problems** or **Ctrl+Shift+M**).
8790

88-
:::image type="content" source="media/use-vscode-extension/breaking-changes.png" alt-text="Screenshot of breaking changes detected in Visual Studio Code." lightbox="media/use-vscode-extension/breaking-changes.png":::
91+
:::image type="content" source="media/build-register-apis-vscode-extension/breaking-changes.png" alt-text="Screenshot of breaking changes detected in Visual Studio Code." lightbox="media/build-register-apis-vscode-extension/breaking-changes.png":::
8992

9093
## Generate OpenAPI specification file from API code
9194

@@ -94,26 +97,29 @@ Use the power of GitHub Copilot with the Azure API Center extension for Visual S
9497
> [!NOTE]
9598
> This feature is available in the pre-release version of the API Center extension.
9699
97-
:::image type="content" source="media/use-vscode-extension/generate-api-documentation.gif" alt-text="Animation showing how to use GitHub Copilot to generate an OpenAPI spec from code." lightbox="media/use-vscode-extension/generate-api-documentation.gif":::
100+
:::image type="content" source="media/build-register-apis-vscode-extension/generate-api-documentation.gif" alt-text="Animation showing how to use GitHub Copilot to generate an OpenAPI spec from code." lightbox="media/build-register-apis-vscode-extension/generate-api-documentation.gif":::
98101

99102
After generating the OpenAPI specification file and checking for accuracy, you can register the API with your API center using the **Azure API Center: Register API** command.
100103

101104
## Discover APIs
102105

103106
Your API center resources appear in the tree view on the left-hand side. Expand an API center resource to see APIs, versions, definitions, environments, and deployments.
104107

105-
:::image type="content" source="media/use-vscode-extension/explore-api-centers.png" alt-text="Screenshot of API Center tree view in Visual Studio Code." lightbox="media/use-vscode-extension/explore-api-centers.png":::
108+
:::image type="content" source="media/build-register-apis-vscode-extension/explore-api-centers.png" alt-text="Screenshot of API Center tree view in Visual Studio Code." lightbox="media/build-register-apis-vscode-extension/explore-api-centers.png":::
106109

107110
Search for APIs within an API Center by using the search icon shown in the **Apis** tree view item.
108111

112+
> [!TIP]
113+
> Optionally enable a [platform API catalog](enable-platform-api-catalog-vscode-extension.md) for your API center in Visual Studio Code so that app developers in your organization can discover APIs in a centralized location. The platform API catalog is a read-only view of the API inventory.
114+
109115
## View API documentation
110116

111117
You can view the documentation for an API definition in your API center and try API operations. This feature is only available for OpenAPI-based APIs in your API center.
112118

113119
1. Expand the API Center tree view to show an API definition.
114120
1. Right-click on the definition, and select **Open API Documentation**. A new tab appears with the Swagger UI for the API definition.
115121

116-
:::image type="content" source="media/use-vscode-extension/view-api-documentation.png" alt-text="Screenshot of API documentation in Visual Studio Code." lightbox="media/use-vscode-extension/view-api-documentation.png":::
122+
:::image type="content" source="media/build-register-apis-vscode-extension/view-api-documentation.png" alt-text="Screenshot of API documentation in Visual Studio Code." lightbox="media/build-register-apis-vscode-extension/view-api-documentation.png":::
117123

118124
1. To try the API, select an endpoint, select **Try it out**, enter required parameters, and select **Execute**.
119125

@@ -130,7 +136,7 @@ You can view a `.http` file based on the API definition in your API center. If t
130136
1. Expand the API Center tree view to show an API definition.
131137
1. Right-click on the definition, and select **Generate HTTP File**. A new tab appears that renders a .http document populated by the API specification.
132138

133-
:::image type="content" source="media/use-vscode-extension/generate-http-file.png" alt-text="Screenshot of generating a .http file in Visual Studio Code." lightbox="media/use-vscode-extension/generate-http-file.png":::
139+
:::image type="content" source="media/build-register-apis-vscode-extension/generate-http-file.png" alt-text="Screenshot of generating a .http file in Visual Studio Code." lightbox="media/build-register-apis-vscode-extension/generate-http-file.png":::
134140

135141
1. To make a request, select an endpoint, and select **Send Request**.
136142

@@ -148,7 +154,7 @@ Use the Microsoft Kiota extension to generate an API client for your favorite la
148154
1. Enter configuration details about the SDK name, namespace, and output directory.
149155
1. Select the language for the generated SDK.
150156

151-
:::image type="content" source="media/use-vscode-extension/generate-api-client.png" alt-text="Screenshot of Kiota OpenAPI Explorer in Visual Studio Code." lightbox="media/use-vscode-extension/generate-api-client.png":::
157+
:::image type="content" source="media/build-register-apis-vscode-extension/generate-api-client.png" alt-text="Screenshot of Kiota OpenAPI Explorer in Visual Studio Code." lightbox="media/build-register-apis-vscode-extension/generate-api-client.png":::
152158

153159
The client is generated.
154160

@@ -163,7 +169,7 @@ To export a specification in the extension's tree view:
163169
1. Expand the API Center tree view to show an API definition.
164170
1. Right-click on the definition, and select **Export API Specification Document**. A new tab appears that renders an API specification document.
165171

166-
:::image type="content" source="media/use-vscode-extension/export-specification.png" alt-text="Screenshot of exporting API specification in Visual Studio Code." lightbox="media/use-vscode-extension/export-specification.png":::
172+
:::image type="content" source="media/build-register-apis-vscode-extension/export-specification.png" alt-text="Screenshot of exporting API specification in Visual Studio Code." lightbox="media/build-register-apis-vscode-extension/export-specification.png":::
167173

168174
You can also export a specification using the Command Palette:
169175

@@ -174,4 +180,5 @@ You can also export a specification using the Command Palette:
174180
## Related content
175181

176182
* [Azure API Center - key concepts](key-concepts.md)
183+
* [Enable and view platform API catalog in Visual Studio Code](enable-platform-api-catalog-vscode-extension.md)
177184

0 commit comments

Comments
 (0)