Express+Swagger+Yapi

2024-04-03 01:18
文章标签 swagger express yapi

本文主要是介绍Express+Swagger+Yapi,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

参考文档:

一、解决的主要问题:

二、开始实操!-Swagger部分

注意点

1.安装

 2.在app.js中加入以下代码

3. 在接口上写注释

POST

GET

4.添加api-docs文件夹

5.启动项目

三、开始实操!-Yapi部分

6.MongoDB安装:

7.yapi搭建参考:

8.导入swagger.json

 四、后记


三、开始实操!-Yapi部分

5.MongoDB安装:

6.yapi搭建参考:

7.导入swagger.json

 四、后记


参考文档:

Swagger and NodeJS

Swagger Editor

GitHub - YMFE/yapi: YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台

windows环境下局域网搭建Yapi接口管理系统 - 天空之城-意犹未尽 - 博客园

6.MongoDB4.0在Windows环境的下载、安装、配置 - 晨光曦微 - 博客园

一、解决的主要问题:

①post请求的参数是放在请求体里面并且有默认值,避免多次手动输入(查阅的很多文档都是跟在请求路径上);

② 解决报错:Could not resolve pointer: /definitions/login does not exist。(查阅的文档大多数是针对java+swagger出现此问题的解决方案,对于Nodejs并没有找到)

这里不用下图A的方式,采用下图B的方式。

图A图B

二、开始实操!-Swagger部分

注意点

各种空格

1.安装

npm install swagger-jsdoc@1.3.0 --save

 2.在app.js中加入以下代码

注意按照自己的需求修改部分值

var swaggerJSDoc = require('swagger-jsdoc');// swagger definition
var swaggerDefinition = {info: {title: 'Node Swagger API',version: '1.0.0',description: 'Demonstrating how to describe a RESTful API with Swagger',},host: 'localhost:8000',basePath: '/',
};// options for the swagger docs
var options = {// import swaggerDefinitionsswaggerDefinition: swaggerDefinition,// path to the API docsapis: ['./routes/*.js'], //扫描routes文件夹下面的所有js文件
};// initialize swagger-jsdoc
var swaggerSpec = swaggerJSDoc(options);// serve swagger
app.get('/swagger.json', function(req, res) {res.setHeader('Content-Type', 'application/json');res.send(swaggerSpec);
});

3. 在接口上写注释

POST

 /*** @swagger* /system/login:*   post:*     tags:*       - sys*     summary: 登录接口*     description:*     produces:*       - application/json*     parameters:*       - name: userInfo*         description:  object*         in: body*         required: true*         schema:*           type: object*           properties:*             userName:*               type: string*               example: "test"*             password:*               type: string*               example: "testpassword"*     responses:*       200:*         description: 成功*/

GET

 /*** @swagger* /system/logout:*   get:*     tags:*       - sys*     summary: 退出登录接口*     description:*     produces:*       - application/json*     parameters:*       - name: userName*         description: 示例 小明*         in: query*         required: true*         type: string*     responses:*       200:*         description: 成功*/

4.添加api-docs文件夹

在public文件夹下创建api-docs文件夹;

将https://github.com/swagger-api/swagger-ui中的dist文件夹下的内容全部放入api-docs;

将public/api-docs/index.html文件中的

url : "http://petstore.swagger.io/v2/swagger.json";

改为

url: "http://localhost:8000/swagger.json",

 

 

5.启动项目

访问http://localhost:8000/api-docs/ 

三、开始实操!-Yapi部分

6.MongoDB安装:

参考 :6.MongoDB4.0在Windows环境的下载、安装、配置 - 晨光曦微 - 博客园

7.yapi搭建参考:

参考:windows环境下局域网搭建Yapi接口管理系统 - 天空之城-意犹未尽 - 博客园

8.导入swagger.json

在下列框中输入 http://localhost:8000/swagger.json

 四、后记

欢迎交流哈~Express搭建的后续补充

这篇关于Express+Swagger+Yapi的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/871556

相关文章

springboot 整合swagger

没有多余废话,就是干 spring-boot 2.7.8 springfox-boot-starter 3.0.0 结构 POM.xml <?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/

Nodejs的Express框架使用总结

初始安装express,你也可以通过编辑器的shell安装依赖,比如vs # 创建并切换到 myapp 目录mkdir myappcd myapp# 初始化 package.json 文件npm init -y# 安装 express 到项目中npm i express 新建一个基础的接口 // 0. 加载 Expressconst express = require('expre

YApi 接口管理开源工具 nodejs+ mongoDB

前言介绍 Yapi 由 YMFE 开源,旨在为开发、产品、测试人员提供更优雅的接口管理服务,可以帮助开发者轻松创建、发布、维护 API。 权限管理 YApi 成熟的团队管理扁平化项目权限配置满足各类企业的需求 可视化接口管理 基于 websocket 的多人协作接口编辑功能和类 postman 测试工具,让多人协作成倍提升开发效率 Mock Server 易用的 Mock Server,

【Swagger】SpringBoot整合Swagger

一、搭建Swagger组件 1. 引入Swagger 快速在SpringBoot(版本:2.6.3)项目中引入Swagger相应pom.xml: <dependency><groupId>io.springfox</groupId><artifactId>springfox-boot-starter</artifactId><version>3.0.0</version></depende

PCI Express 体系结构导读摘录(二)

系列文章目录 PCI Express 体系结构导读摘录(一) PCI Express 体系结构导读摘录(二) 文章目录 系列文章目录第Ⅱ篇  PCI Express 体系结构概述第 4 章  PCIe 总线概述4. 1  PCIe 总线的基础知识4. 1. 1  端到端的数据传递4. 1. 2  PCIe 总线使用的信号4. 1. 3  PCIe 总线的层次结构4. 1. 4

【springboot】使用swagger生成接口文档

1. 添加依赖 <dependency><groupId>org.springdoc</groupId><artifactId>springdoc-openapi-starter-webmvc-ui</artifactId><version>2.6.0</version></dependency>         这里我老是添加不上这个依赖,搜索了下发现阿里云公共仓库中没有这个依赖

node.js Express框架学习笔记

简介 参考网址——点击打开链接 Express是一个简介而灵活的node.js应用框架,提供了一系列特性来帮助创建各种web应用和丰富的HTTP工具 使用Express可以快速地搭建一个完整功能的网站 Express框架核心特性: 可以设置中间件来响应http请求定义了路由表用于执行不同的http请求动作可以通过模板传递参数来动态渲染HTML页面 安装 npm install ex

《PCI Express体系结构导读》随记 —— 第II篇 第7章 PCIe总线的数据链路层与物理层(7)

接前一篇文章:《PCI Express体系结构导读》随记 —— 第II篇 第7章 PCIe总线的数据链路层与物理层(6) 7.1 数据链路层的组成结构 7.1.1 数据链路层的状态 3. DL_Active状态 当数据链路层处于DL_Active状态时,PCIe链路可以正常工作。此时数据链路层可以从事务层和物理层正常接收和发送TLP、并处理DLLP,此时数据链路

Spring doc 替代swagger

最近在spring看到的,spring要对api文档动手了,有些人说swagger不好用,其实也没那么不好用,有人说代码还是有点侵入性,这倒是真的,我刚试了springdoc可以说还是有侵入性但是也可以没有侵入性,这就看你对文档有什么要求了,总之想取代swagger我想可能是swagger动作太慢了,好久没有更新,对新版本的spring支持不好,也可能是我瞎说。 根据其他网友提供的demo 试试

配置IIS Express,支持JSON

方法有2种: 1. 命令行   a. cd "iis express的安装目录"  例如:cd C:\Program Files (x86)\IIS Express   b. appcmd set config /section:staticContent /+[fileExtension='.json',mimeType='application/x-javascript']