Swagger Editor 的部署使用

本文档详细介绍了如何在本地部署Swagger Editor,包括安装nodejs和npm,使用http server,下载项目,配置环境变量及启动服务。此外,还讲述了Swagger的使用方法,推荐使用Firefox或Chrome浏览器,并提供了yaml语法参考。
摘要由CSDN通过智能技术生成

一、swagger 本地部署

Swagger Editor 可以使用在线编辑器,也可以离线本地部署环境。使用YAML定义接口规范,接口文档生成不同框架服务端、客户端。可以导出JSON格式API规范,通过Swagger UI发布。

1、安装 nodejs、npm

npmNodejs的包管理器

node.js官网

node.js文档

image-20210626234415416

2、npm 安装 http server

npm install -g http-server

image-20210622225505619

..\npm\下生成http-serverhs

..\npm\node_modules下生成http-server

image-20210622230329669

3、下载项目

Swagger-Editor GitHub项目
image-20210623010502769

4、环境变量

拷贝hs.cmd的绝对路径C:\Users\Administrator\AppData\Roaming\npm(npm安装hs的目录)作为HS_HOME环境变量
image-20210623005724216

5、运行hs服务

命令行 cdSwagger-Editor 项目下载存放目录,运行命令 hs ,默认端口8080;也可指定端口 hs -p 8081Ctrl+C 可以停止服务运行

image-20210623011908585

二、Swagger 使用

  • 建议使用Firefox/Google Chrome访问 http://127.0.0.1:8080 image-20210623012700439

  • YAML格式字段,附:yaml语法

    swagger: '2.0'                      # swagger版本
    info:
      title: 文档标题
      description:  描述
      version: "v1.0"                   # 版本号
      termsOfService: ""                # 服务截止日期
      contact:                          # 联系
        name: ""                        # 姓名
        url: ""                         # URL
        email: ""                       # 邮箱
      license:                          # 授权证书
        name: ""                        # 名称,如Apache 2.0
        
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值