Linux系列之安装Swagger UI教程

举报
yd_273762914 发表于 2020/12/03 01:07:28 2020/12/03
【摘要】 目录 文章目录 目录 前言服务器环境安装Swagger UI安装部署Swagger Editor使用 前言 在一些接口项目中,API的使用很频繁,所以一款API在线文档生成和测试工具非常有必要。而Swagger UI就是这么一款很实用的在线工具 本博客介绍如何在公司或者自己的电脑上按照Swagger UI,注意因为公司的测试服务器是Linux系统的...

目录

前言

在一些接口项目中,API的使用很频繁,所以一款API在线文档生成和测试工具非常有必要。而Swagger UI就是这么一款很实用的在线工具
本博客介绍如何在公司或者自己的电脑上按照Swagger UI,注意因为公司的测试服务器是Linux系统的,所以本博客也只介绍基于Linux系统的Swagger环境搭建过程

服务器环境安装

###NodeJS下载部署###
首先需要下载NodeJS,到nodejs官网http://nodejs.org/dist/v0.10.26,下载node-v0.10.26-linux-x64.tar.gz,因为这个是已经编译好的,所以我们先使用软件将文件上传到Linux服务器,可以使用WinSCP
然后用Linux的cd命令进入到你nodejs压缩文件的位置
解压命令如下:

 tar xvf node-v0.10.26-linux-x64.tar.gz

  
 
  • 1

然后进入文件

cd node-v0.10.26-linux-x64/bin

  
 
  • 1

执行

./node

  
 
  • 1

设置node全局

ln -s /root/Swagger/node-v0.10.26-linux-x64/bin/node /usr/local/bin/node

  
 
  • 1

设置npm全局

ln -s /root/Swagger/node-v0.10.26-linux-x64/bin/npm /usr/local/bin/npm

  
 
  • 1

检测nodejs和npm是否安装成功

node -v
npm -v

  
 
  • 1
  • 2

可以看到版本号,什么安装成功
###express下载部署####
安装好NodeJS和NPM之后,我们就可以安装express了

npm install express --save

  
 
  • 1

以下几个重要的模块是需要与 express 框架一起安装的:
body-parser - node.js 中间件,用于处理 JSON, Raw, Text 和 URL 编码的数据。
cookie-parser - 这就是一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie,并把它们转成对象。
multer - node.js 中间件,用于处理 enctype=“multipart/form-data”(设置表单的MIME编码)的表单数据。

npm install body-parser --save
npm install cookie-parser --save
npm install multer --save

  
 
  • 1
  • 2
  • 3

检测是否安装成功

npm list express

  
 
  • 1

###NodeJS开机启动####
然后设置NodeJS开机启动
安装forever

npm install forever -g

  
 
  • 1

设置

forever start test.js
forever stop test.js
forever restart test.js

  
 
  • 1
  • 2
  • 3

Swagger UI安装部署

github上clone:https://github.com/swagger-api/swagger-ui
如果有下载Git,就是用git下载,获取访问github,直接下载

之后可以根据公司需要,在Linux上mkdir,我是先在root路径,创建一个node_app文件

mkdir node_app

  
 
  • 1

进入node_app

cd node_app

  
 
  • 1

环境配置

npm init

  
 
  • 1

下面的提示可以根据自己需要填写

name: (node_app) node_app
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

VI编辑器使用:

vim index.js

  
 
  • 1

加入代码

var express = require('express');
var app = express();
 
app.get('/', function (req, res) { res.send('Hello World');
})
 
var server = app.listen(3000, function () { var host = server.address().address
  var port = server.address().port console.log("应用实例,访问地址为 http://%s:%s", host, port)
 
})

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

启用服务器

node index.js

  
 
  • 1

访问,输入http://公司服务器IP:3000
可以看到Helloworld,当然我们是要部署Swagger
在node_app下面创建一个public文件夹

mkdir public
cd public

  
 
  • 1
  • 2

然后将下载到的swagger ui里的dist文件夹里的文件复制到public文件夹里

修改index.js

var express = require('express');
var app = express();
 
app.use('/swagger',express.static('public'));
 
app.get('/', function (req, res) { res.send('Hello World');
})
 
var server = app.listen(3000, function () { var host = server.address().address
  var port = server.address().port console.log("swagger start", host, port)
 
})

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

然后输入http://ip:3000/swapper,是可以看到类似page
这里写图片描述

Swagger Editor使用

Swagger Editor是Swagger UI的在线编辑器,我们可以自己搭建一个,也可以使用官方的,下面给出官方的URL:http://editor.swagger.io/#/

github上Clone:https://github.com/swagger-api/swagger-editor
之后将swagger editor文件放在公司Linux服务器上

###Http server安装###

npm install -g http-server

  
 
  • 1

启动该项目http-server swagger-editor,默认为8080端口
设置port并启动swagger editor

http-server –p 2017 swagger-editor

  
 
  • 1

输入http://ip:2017/#/可以访问到自己搭建的Swagger Editor编辑器

参考教程
http://www.linuxidc.com/Linux/2014-07/104489.htm
http://www.linuxidc.com/Linux/2014-06/103372.htm
http://blog.csdn.net/ron03129596/article/details/53559803
http://www.open-open.com/lib/view/open1453452052745.html

文章来源: smilenicky.blog.csdn.net,作者:smileNicky,版权归原作者所有,如需转载,请联系作者。

原文链接:smilenicky.blog.csdn.net/article/details/70276327

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。