This middleware provides an easy way to render a beautiful API reference based on an OpenAPI/Swagger file with Express.
npm install @scalar/express-api-reference
Set up Express and pass an URL to an OpenAPI/Swagger document to the apiReference
middleware:
Wait, but how do we get the OpenAPI document? 🤔 There are multiple ways to generate an OpenAPI file for Express. The most popular way is to use
swagger-jsdoc
.
import { apiReference } from '@scalar/express-api-reference'
app.use(
'/reference',
apiReference({
spec: {
// Put your OpenAPI url here:
url: '/openapi.json',
},
}),
)
The Express middleware takes our universal configuration object, read more about configuration in the core package README.
The middleware comes with a custom theme for Express. You can use one of the other predefined themes (alternate
, default
, moon
, purple
, solarized
) or overwrite it with none
. All themes come with a light and dark color scheme.
import { apiReference } from '@scalar/express-api-reference'
app.use(
'/reference',
apiReference({
theme: 'purple',
spec: {
url: '/openapi.json',
},
}),
)
You can use a custom CDN, default is https://cdn.jsdelivr.net/npm/@scalar/api-reference
.
import { apiReference } from '@scalar/express-api-reference'
app.use(
'/reference',
apiReference({
cdn: 'https://cdn.jsdelivr.net/npm/@scalar/api-reference',
spec: {
url: '/openapi.json',
},
}),
)
We are API nerds. You too? Let’s chat on Discord: https://discord.gg/scalar
The source code in this repository is licensed under MIT.