Using OpenAPI Specs

Published on November 16th, 2022

NOTE: To fully utilize the unfurling of all of your $ref’s in your openapi specs please replace your old $textresolver usages inside your API kinds with the type openapi to the new $openapi or $asyncapi resolver

Diff
apiVersion: backstage.io/v1alpha1
kind: API
metadata:
  name: apis-guru
  description: The apis.guru REST API
spec:
  type: openapi
  lifecycle: production
  owner: user:guest
  definition:
-    $text: https://api.apis.guru/v2/openapi.yaml
+    $openapi: https://api.apis.guru/v2/openapi.yaml

If your OpenAPI specs are located in the same repository as the catalog metadata file, you also need to additionally tell the $openapi resolver the basepath where to find files from. You can do that by adding an annotation like below:

  annotations:
    openapi/ref-basepath: ./

NB: You can also use $openapi or $asyncapi as the resolver - they are aliases for the same parser.

Introduction

The Open API spec support of Backstage allows users to look up and read the OpenAPI specs of services in the catalog.

Creating Open API specs is outside the scope of this documentation. Please see the Swagger OpenAPI Getting Started Guide for more information on writing OpenAPI specs.

Pre-requisites

Before starting this guide, please…

  1. Prepare an OpenAPI spec to use. Alternatively, you can use one of the APIs listed on APIs Guru. In the examples below, we will use the APIs Guru’s openapi spec. Make sure you add *.apis.guru to your allowlist.
  2. Understand how entities are added to Backstage via YAML definitions. Please read the Adding Components Guide to learn more.
  3. Track a component in Backstage so we can add an API spec to it.

Adding an OpenAPI spec to a component

Step 1: Create an API kind

Create a YAML file called api-info.yaml in the root of your component, alongside your code. This file will represent your API inside Backstage.

apiVersion: backstage.io/v1alpha1
kind: API
metadata:
  name: apis-guru
  description: The apis.guru REST API
spec:
  type: openapi
  lifecycle: production
  owner: user:guest
  definition:
    $openapi: https://api.apis.guru/v2/openapi.yaml

The API kind can take many of the normal spec properties such as owner and lifecycle.

The spec.definition.$openapi property can point to a remote URL or it can be a relative path to the spec next to the API entity.

Note that if you are hosting your OpenAPI specs in GitHub and referencing them with the $openapi property, the link must point to the URL starting with https://github.com and not https://raw.githubusercontent.com.

If you want to connect towards internal specs via the broker connection, you can use the protocol broker:// to do that. For example:

spec:
  definition:
    $text: broker://<my-broker-token>/my-open-api-spec.json

Step 2: Add the API to Backstage

Once this YAML file is committed and available on GitHub, you can make Roadie Backstage aware of it using the catalog importer.

Copy the URL of the YAML spec on GitHub, paste it into the catalog importer at https://your-company.roadie.so/catalog-import and click Analyze.

an input with a GitHub URL pasted into it. There is a button labelled analyze

Review the action the importer is going to take, then press Import.

a chance to review the URL which is going to be added and the name of the API which will be created

Click the name of the API to view it in Backstage.

list of the entities which have been added to the catalog with the option to click and view one

You should also be able to view your API in the list of APIs Backstage tracks by clicking the “APIs” item in the sidebar or visiting /api-docs.

list of APIs in a table showing name, description and some other properties

Now that the API is tracked in Backstage, we can associate it with a component.

In the catalog-info.yaml file of a component, add the spec.providesApis property to indicate that this component provides the spotify API.

apiVersion: backstage.io/v1alpha1
kind: Component
metadata:
  name: sample-service-2
  # Other metadata and annotations omitted for brevity.
spec:
  type: service
  owner: my-team
  lifecycle: experimental
  providesApis:
    - spotify

The token spotify under spec.providesAPIs must match the metadata.name of the API we created earlier.

A single component can provide multiple APIs.

Once this step is done correctly, we can visit the API tab of our component in Backstage to see that it provides the Spotify API.

API tab with a list of APIs the component provides. The only API in the list is the Spotify API object.

And we can click through to the definition of that API to see the specification.

a list of endpoints that Spotify exposes such as slash albums

Further reading

  1. The official Kind: API documentation.