Node.js中Swagger的使用指南詳解
Swagger（目前用OpenAPI Specification代替）是一個用于設(shè)計、構(gòu)建、記錄和使用REST API的強(qiáng)大工具。通過使用Swagger，開發(fā)者可以定義API的結(jié)構(gòu)，確保API的穩(wěn)定性，并生成協(xié)作所需的文檔。本文將探討使用Swagger的一些關(guān)鍵技巧，包括如何定義API、如何生成和展示文檔等。
安裝和配置Swagger
在Node.js項目中，可以利用swagger-ui-express和swagger-jsdoc等工具來集成Swagger。這些工具能夠幫助記錄API和生成一個交互式的用戶界面，用于測試API。
首先安裝依賴：
npm install swagger-jsdoc swagger-ui-express --save
初始化Swagger JSDoc
在項目中初始化Swagger JSDoc以自動生成API文檔。這通常在應(yīng)用程序的入口文件（比如app.js或server.js）進(jìn)行配置。
const swaggerJSDoc = require('swagger-jsdoc');
const swaggerUi = require('swagger-ui-express');
const swaggerDefinition = {
openapi: '3.0.0', // 使用OpenAPI Specification 3.0版本
info: {
title: '我的API文檔',
version: '1.0.0',
description: '這是我的API文檔的描述',
},
servers: [
{
url: 'http://localhost:3000',
description: '開發(fā)服務(wù)器',
},
],
};
const options = {
swaggerDefinition,
apis: ['./routes/*.js'], // 指向API文檔的路徑
};
const swaggerSpec = swaggerJSDoc(options);
// 使用swaggerUi提供可視化界面
app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerSpec));
確保把apis的路徑設(shè)置成包含有注釋的API文件所在的路徑。
使用JSDoc注釋編寫文檔
為了讓swagger-jsdoc能夠生成Swagger文件，需要在路由文件或控制器文件中添加JSDoc注釋。
/** * @swagger * /users: * get: * tags: [Users] * summary: 獲取用戶列表 * description: "返回當(dāng)前所有用戶的列表" * responses: * 200: * description: 請求成功 * content: * application/json: * schema: * type: array * items: * $ref: '#/components/schemas/User' */
上面的注釋定義了GET /users路由，并指定了其行為和預(yù)期的響應(yīng)。
定義模型
為了更好地復(fù)用和管理代碼，可以在Swagger文檔中定義模型（或稱為schema）。
/** * @swagger * components: * schemas: * User: * type: object * required: * - username * - email * properties: * id: * type: string * description: 用戶唯一標(biāo)識 * username: * type: string * description: 用戶名 * email: * type: string * format: email * description: 用戶郵箱地址 */
這個模型定義了一個User對象，它有id、username和email屬性。
Swagger UI的使用
啟動Node.js應(yīng)用后，通過訪問http://localhost:3000/api-docs來查看Swagger UI。Swagger UI為你的API提供了一個交互式的用戶界面，使得調(diào)用者可以無需編寫代碼就能測試API的各個端點。
維護(hù)和更新Swagger文檔
遵循良好的文檔編寫實踐，確保每次API更新時，都同步更新相應(yīng)的Swagger注釋。這有助于保持文檔的準(zhǔn)確性和有效性。
小結(jié)
通過使用Swagger，開發(fā)者可以有效地設(shè)計和文檔化REST API，提高API的可讀性和可維護(hù)性，同時為其他開發(fā)者、前端團(tuán)隊和API消費者提供一個清晰和準(zhǔn)確的API參考。掌握上述技巧可以更好地利用Swagger來優(yōu)化后端API服務(wù)器的開發(fā)流程。
實例1：express & swagger
從創(chuàng)建一個新的Express應(yīng)用程序開始：
npm init -y npm install express --save
編寫Express服務(wù)器并加入Swagger文檔。
步驟1：創(chuàng)建Express服務(wù)器
index.js:
const express = require('express');
const swaggerJSDoc = require('swagger-jsdoc');
const swaggerUi = require('swagger-ui-express');
// 初始化express應(yīng)用
const app = express();
const port = 3000;
// 定義swagger文檔配置
const swaggerOptions = {
swaggerDefinition: {
openapi: '3.0.0',
info: {
title: '示例API',
version: '1.0.0',
description: '這是一個簡單的Express API應(yīng)用示例',
},
servers: [
{
url: 'http://localhost:3000',
description: '本地開發(fā)服務(wù)器',
},
],
},
apis: ['./routes/*.js'], // 使用Glob模式指定API文件位置
};
// 初始化swagger-jsdoc
const swaggerDocs = swaggerJSDoc(swaggerOptions);
// 提供Swagger的UI界面
app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerDocs));
// 定義一個簡單的路由處理函數(shù)
app.get('/', (req, res) => {
res.send('歡迎使用示例API');
});
// 監(jiān)聽指定的端口
app.listen(port, () => {
console.log(`服務(wù)器正在監(jiān)聽 http://localhost:${port}`);
});
步驟2：創(chuàng)建路由并添加Swagger注釋
假設(shè)有一個用戶相關(guān)的API，為此創(chuàng)建一個處理用戶請求的路由文件。
routes/users.js:
/**
* @swagger
* /users:
* get:
* tags:
* - 用戶
* summary: 獲取用戶列表
* description: 請求所有注冊用戶信息
* responses:
* 200:
* description: 請求成功返回用戶列表
* content:
* application/json:
* schema:
* type: array
* items:
* $ref: '#/components/schemas/User'
*
* components:
* schemas:
* User:
* type: object
* properties:
* id:
* type: integer
* format: int64
* description: 用戶的唯一標(biāo)識符
* name:
* type: string
* description: 用戶的姓名
* email:
* type: string
* format: email
* description: 用戶的郵件地址
*/
const express = require('express');
const router = express.Router();
// GET請求 - 獲取用戶列表
router.get('/', (req, res) => {
// 模擬一些用戶數(shù)據(jù)
const users = [
{ id: 1, name: '張三', email: 'zhangsan@example.com' },
{ id: 2, name: '李四', email: 'lisi@example.com' },
];
res.json(users);
});
module.exports = router;
將此路由文件添加到Express應(yīng)用中：
修改index.js并在頂部添加以下內(nèi)容：
const userRoutes = require('./routes/users');
然后，在index.js中的Swagger UI代碼下面，添加以下代碼，以將用戶路由掛載到Express應(yīng)用：
app.use('/users', userRoutes);
運行Express服務(wù)器并訪問http://localhost:3000/api-docs時，將看到帶有用戶路由的Swagger UI界面，這個界面提供了一個交互式的API文檔。
如此一來就為Express API路由創(chuàng)建了Swagger文檔。通過添加更多路由和適當(dāng)?shù)腟wagger注釋，可以繼續(xù)為其他API端點拓展文檔。
示例2：koa & swagger
如果使用的是Koa.js框架而非Express.js，依然可以使用Swagger來生成API文檔，但是整合方式會有所不同，因為Koa的中間件機(jī)制和Express略有差異。這里以koa和koa-router為例來實現(xiàn)增加Swagger文檔的步驟。
步驟1：創(chuàng)建Koa服務(wù)器
首先，安裝Koa相關(guān)的依賴：
npm init -y npm install koa koa-router --save
接下來，安裝Swagger相關(guān)的依賴：
npm install koa-swagger-decorator --save
然后，創(chuàng)建Koa服務(wù)器和路由：
index.js:
const Koa = require('koa');
const Router = require('koa-router');
const { swagger, swaggerRouter } = require('./swagger');
const app = new Koa();
const router = new Router();
// 在路由中定義一個簡單的GET請求處理
router.get('/', async (ctx) => {
ctx.body = '歡迎使用示例API';
});
// 將Swagger路由裝載到Koa應(yīng)用
swaggerRouter(app);
// 裝載所有路由子項
app.use(router.routes()).use(router.allowedMethods());
const port = 3000;
app.listen(port, () => {
console.log(`服務(wù)器運行在 http://localhost:${port}`);
});
步驟2：配置Swagger文檔并為路由添加注解
創(chuàng)建Swagger配置文件：
swagger.js:
const { SwaggerRouter } = require('koa-swagger-decorator');
const swaggerRouter = new SwaggerRouter();
// Swagger配置信息
swaggerRouter.swagger({
title: 'Koa 示例API',
description: 'API文檔',
version: '1.0.0',
// swagger文檔頁面的訪問路徑
swaggerHtmlEndpoint: '/swagger-html',
// swagger文檔的json訪問路徑
swaggerJsonEndpoint: '/swagger-json',
// API服務(wù)器信息
swaggerOptions: {
host: 'localhost:3000',
},
});
// 在這里可以批量加入路由定義或一個個添加
// swaggerRouter.mapDir(__dirname);
module.exports = {
swagger: swaggerRouter.swagger.bind(swaggerRouter),
swaggerRouter: swaggerRouter.routes.bind(swaggerRouter),
};
添加路由和Swagger注解：
users.js:
const { request, summary, query, tags } = require('koa-swagger-decorator');
const router = require('koa-router')();
// 定義tag
const tag = tags(['用戶']);
// 用戶路由的Swagger注解
router.get('/users', tag, summary('獲取用戶列表'), query({
name: { type: 'string', required: false, description: '按姓名查詢' }
}), async (ctx) => {
// 這里可以根據(jù)name來獲取用戶信息
// 為了示例使用靜態(tài)數(shù)據(jù)
const users = [
{ id: 1, name: '張三' },
{ id: 2, name: '李四' },
];
ctx.body = { code: 0, data: users };
});
module.exports = router;
將此路由注解文件添加到Koa應(yīng)用中，方法是在index.js中添加下面的代碼：
const userApi = require('./users');
swaggerRouter.use(userApi.routes());
注意：確保在代碼中按自己實際的文件結(jié)構(gòu)引入合適的路徑。
以上代碼將一個簡單的Koa應(yīng)用轉(zhuǎn)換為使用koa-swagger-decorator來生成swagger文檔。啟動該應(yīng)用程序后，訪問http://localhost:3000/swagger-html即可看到Swagger UI。
示例3：Egg & swagger
如果使用的是Egg.js框架，并希望集成Swagger來生成API文檔，則需要使用一些與Egg.js兼容的插件。Egg.js是基于Koa.js的更高層的框架，它有自己的插件系統(tǒng)。下面的舉例將展示如何使用egg-swagger-doc這個Egg.js插件為API生成Swagger文檔。
步驟1：安裝egg-swagger-doc插件
首先，在Egg.js項目中安裝egg-swagger-doc插件：
npm install egg-swagger-doc --save
步驟2：啟用插件
在Egg.js的配置文件中啟用Swagger文檔插件。通常會在config/plugin.js中啟用：
// config/plugin.js
exports.swaggerdoc = {
enable: true, // 啟用swagger-ui插件
package: 'egg-swagger-doc',
};
步驟3：配置Swagger插件
配置Swagger插件通常在config/config.default.js中進(jìn)行：
// config/config.default.js
module.exports = (appInfo) => {
const config = {};
// ... 其他配置 ...
// 配置egg-swagger-doc
config.swaggerdoc = {
dirScanner: './app/controller', // 配置自動掃描的控制器路徑
apiInfo: {
title: 'Egg.js API', // API文檔的標(biāo)題
description: 'Swagger API for Egg.js', // API文檔描述
version: '1.0.0', // 版本號
},
schemes: ['http', 'https'], // 配置支持的協(xié)議
consumes: ['application/json'], // 指定處理請求的提交內(nèi)容類型 (Content-Type)，如 application/json, text/html
produces: ['application/json'], // 指定返回的內(nèi)容類型
securityDefinitions: { // 配置API安全授權(quán)方式
// e.g. apikey (下面是一些例子，需要自行定制)
// apikey: {
// type: 'apiKey',
// name: 'clientkey',
// in: 'header',
// },
// oauth2: {
// type: 'oauth2',
// tokenUrl: 'http://petstore.swagger.io/oauth/dialog',
// flow: 'password',
// scopes: {
// 'write:access_token': 'write access_token',
// 'read:access_token': 'read access_token',
// },
// },
},
enableSecurity: false,
// enableValidate: true, // 是否啟用參數(shù)校驗插件，默認(rèn)為true
routerMap: false, // 是否啟用自動生成路由，默認(rèn)為true
enable: true, // 默認(rèn)啟動swagger-ui
};
return config;
};
步驟4：使用JSDoc注釋編寫控制器代碼
在Egg.js控制器文件app/controller/home.js中，用JSDoc注釋定義API：
'use strict';
const Controller = require('egg').Controller;
/**
* @controller Home API接口
*/
class HomeController extends Controller {
/**
* @summary 首頁
* @description 獲取首頁信息
* @router get / 這里對應(yīng)路由
* @request query string name 名字
* @response 200 baseResponse 返回結(jié)果
*/
async index() {
const { ctx } = this;
ctx.body = `hello, ${ctx.query.name}`;
}
}
module.exports = HomeController;
這里利用了egg-swagger-doc所支持的JSDoc注解，定義了一個對應(yīng)GET /的API。
步驟5：啟動Egg.js應(yīng)用并訪問Swagger文檔
啟動Egg.js應(yīng)用：
npm run dev
在瀏覽器中訪問http://localhost:7001/swagger-ui.html（默認(rèn)Egg.js應(yīng)用的端口是7001）查看Swagger文檔。
這就完成了在基于Egg.js框架的項目中集成Swagger文檔的步驟。以上是一個簡單的例子，實際開發(fā)中可能需要根據(jù)自己的業(yè)務(wù)需求進(jìn)行相應(yīng)的配置和編寫。通過集成Swagger，所開發(fā)的Egg.js應(yīng)用將獲得一個自動化、易于閱讀和管理的API文檔。
以上就是Node.js中Swagger的使用指南詳解的詳細(xì)內(nèi)容，更多關(guān)于Node.js Swagger的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
本文主要介紹了node工作線程worker_threads的基本使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
本篇文章主要介紹了nodejs異步I/O和事件循環(huán)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
DevEco?Studio設(shè)置Nodejs提示路徑只能包含英文、數(shù)字、下劃線等解決辦法
這篇文章主要給大家介紹了關(guān)于DevEco?Studio設(shè)置Nodejs提示路徑只能包含英文、數(shù)字、下劃線等的解決辦法,文中通過圖文介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2024-01-01
本篇文章主要介紹了NodeJS實現(xiàn)圖片上傳代碼(Express) ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
淘寶的NPM鏡像源registry.npm.taobao.org已經(jīng)過期,導(dǎo)致npm?install時出現(xiàn)證書過期錯誤,更換鏡像源至registry.npmmirror.com后,如果仍出現(xiàn)錯誤,可能是項目中的package-lock.json或.npmrc文件鎖定了舊的鏡像源,本文就來介紹一下解決方法,感興趣的可以了解一下2024-10-10
vscode安裝教程以及配置node.js環(huán)境全過程
這篇文章主要給大家介紹了關(guān)于vscode安裝教程以及配置node.js環(huán)境的相關(guān)資料,VSCode是一款由微軟開發(fā)的輕量級編輯器,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
Node.js使用SQLite數(shù)據(jù)庫方法大全
Node.js是一種流行的JavaScript運行時,提供了許多有用的模塊和庫來構(gòu)建Web應(yīng)用程序,而SQLite是一種嵌入式關(guān)系型數(shù)據(jù)庫,它可以運行在各種操作系統(tǒng)上,包括Windows、Linux和Mac OS X等,在Node.js中,可以通過安裝sqlite3模塊來訪問SQLite數(shù)據(jù)庫2023-10-10
node爬取微博的數(shù)據(jù)的簡單封裝庫nodeweibo使用指南
這篇文章主要介紹了node爬取微博的數(shù)據(jù)的簡單封裝庫nodeweibo使用指南,需要的朋友可以參考下2015-01-01
nodejs文件實現(xiàn)打包成exe, 并設(shè)置開機(jī)自啟動的方法詳解(沒有黑窗口)
這篇文章主要介紹了nodejs文件實現(xiàn)打包成exe, 并設(shè)置開機(jī)自啟動的方法,結(jié)合實例形式分析了node.js使用pkg包實現(xiàn)生成exe可執(zhí)行文件的相關(guān)操作技巧,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了node實現(xiàn)基于token的身份驗證,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04