windows上Swagger-Editor的安装

参考:
http://blog.csdn.net/ron03129596/article/details/53559803
https://www.jianshu.com/p/d6626e6bd72c

Swagger-Editor是基于NodeJs开发的,安装Swagger-Editor就需要安装node环境,可以去官网下载最新的Node,直接去NodeJs中文网
这里写图片描述
安装:
Swagger-ui官方版(nodejs)环境搭建
1.同样的进入官网下载ui项目,项目在github中的位置:GitHub:Swagger-ui
这里写图片描述
2.下载到本地进行解压,首先看目录结构你可能会懵逼,不要紧,主体部分都放入dist目录下,可以进入dist目录打开index.html看下界面,可以发现基本的模式还是有了,只不过是静态的文件,接下来进行nodejs配置,使其可以进行端口访问,直接使用node命令访问index.js没有反应,英语稍微好点点的同学可以看下官网的配置步骤,接下来手动配置ui环境。
3.下面进行项目的配置,新建node_app文件夹,初始化node,输入好信息后会自动创建package.json文件,如下图:
这里写图片描述

初始化命令npm init,出现如下信息,填的地方可以随便写,也可以不写
这里写图片描述

4.将下载的swagger-ui中的dist文件夹拷贝到node_app下:
这里写图片描述

5.安装express,如果出错可以去nodejs安装目录进行安装
这里写图片描述

6.创建index.js,并将如下代码写入该js中
这里写图片描述

var express = require('express');  
var app = express();  
app.use('/root', express.static('dist'));  
app.get('/', function (req, res) {  
  res.send('Hello World!');  
});  

app.listen(3000, function () {  
  console.log('Example app listening on port 3000!');  
});

7.然后启动,并运行查看,如上代码为3000端口,访问地址为http://127.0.0.1:3000/root/index.html,如有冲突请自行修改
这里写图片描述

这里写图片描述

8.有些同学可能会懵逼:这个Uber API怎么来的呢?下面我再给您解释下这个Uber API的来路,编辑index.html
文件你会发现有一段url引用了swagger官网的jsonApi文件,这里我们将这个json文件下载下来放到和index.html平
的目录,这里呢我直接访问我已经安装好的swagger-edtior进行文件的下载
这里写图片描述
这里写图片描述
那么这个意思呢就是指我们在swagger-editor中编写好了api文档,我们再放到ui中去预览

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值