koa框架 mp2 node服务搭建swagger服务

说明：用koa2搭建静态文件服务器，mp2管理node服务，搭建swagger-ui和swagger-editor服务，项目地址：koa-swagger

一、环境搭建

• 安装最新版nodejs
• 新建文件夹koa-swagger，在文件夹内建立swagger-ui与swagger-editor文件夹，建立package.json、app.js文件

二、下载swagger-ui

      打开swagger-ui github主页，下载zip压缩包，解压后把dist目录下的全部文件拷贝到/koa-swagger/swagger-ui文件夹下面

三、下载swagger-editor

      打开swagger-editor github主页，下载zip压缩包，解压后把dist目录下的全部文件拷贝到/koa-swagger/swagger-editor件夹下面

四、编辑package.json文件

{
  "name": "koa-swagger",
  "scripts": {
    "start": "pm2 start app.js --name=swagger"
  },
  "dependencies": {
    "koa": "^2.0.0",
    "koa-bodyparser": "^3.2.0",
    "koa-compress": "^2.0.0",
    "koa-convert": "^1.2.0",
    "koa-multer": "^1.0.2",
    "koa-router": "^7.0.1",
    "koa-static": "^4.0.2",
    "koa-static-cache": "^5.1.1",
    "koa2-cors": "^2.0.5"
  }
}

五、编辑app.js文件

const Koa = require('koa')
const app = new Koa()
const path = require('path')
const bodyParser = require('koa-bodyparser')
const convert = require('koa-convert')
const staticCache = require('koa-static-cache')
const compress = require('koa-compress')
const cors = require('koa2-cors')

// 解析请求体
app.use(bodyParser())

// 跨域设置
app.use(convert(cors({
	allowMethods: ['GET', 'POST'],
    allowHeaders: ['Content-Type', 'Accept'],
    origin: function(ctx) {
        return '*' // 本地环境
    }
})))

// 中间件 设置gzip
app.use(compress({
    threshold: 2048,
    flush: require("zlib").Z_SYNC_FLUSH
}))

// 静态文件服务，把koa-swagger做为根目录
app.use(convert(staticCache(path.join(__dirname, './'), {
    maxAge: 365 * 24 * 60 * 60,
    dynamic: false // 是否动态监测文件变化
})))

// 服务端口
const port = 8882

// 启动程序，监听端口
app.listen(port, () => {
	console.log(`listening on port ${port} for swagger`)
})

六、安装依赖

      进入koa-swagger文件夹，命令行输入npm指令

npm install -g pm2

npm install

七、启动服务

      进入koa-swagger文件夹，命令行输入npm指令

npm run start

命令行窗口出现以下效果表示成功

八、预览效果

     打开浏览器输入：http://localhost:8882/swagger-ui/index.html和http://localhost:8882/swagger-editor/index.html查看

九、指定swagger.json文件

     打开/koa-swagger/swagger-ui/index.html，编辑Build a system部分

// Build a system
const ui = SwaggerUIBundle({
    url: "http://localhost:8882/swagger.json", // 修改部分，改成本身的json配置文件，用swagger-editor编辑并导出来
    dom_id: '#swagger-ui',
    deepLinking: true,
    presets: [
        SwaggerUIBundle.presets.apis,
        SwaggerUIStandalonePreset
    ],
    plugins: [
        SwaggerUIBundle.plugins.DownloadUrl
    ],
    layout: "StandaloneLayout"
})

     把swagger-editor编辑并导出的swagger.json文件拷贝到/koa-swagger目录，个人swagger.json文件内容以下

swagger: "2.0"
info:
  version: "0.0.1"
  title: "react-talkweb"
host: localhost:8881
tags:
- name: "test"
  description: "测试接口"
paths:
  /test/login:
    post:
      tags:
      - "test"
      summary: "登陆接口"
      parameters:
      - name: "param"
        in: "body"
        description: '登陆接口参数'
        required: true
        schema:
          $ref: '#/definitions/loginParam'
      responses:
        200:
          description: "Success"

  /test/portal:
    post:
      tags:
      - "test"
      summary: "选择系统接口"
      parameters:
      - name: "param"
        in: "body"
        description: "选择系统接口参数"
        required: true
        schema:
          $ref: '#/definitions/portalParam'
      responses:
        200:
          description: "Success"
  
  /test/home:
    post:
      tags:
      - "test"
      summary: "首页接口"
      parameters:
      - name: "param"
        in: "body"
        description: "首页接口参数"
        required: true
        schema:
          $ref: '#/definitions/homeParam'
      responses:
        200:
          description: Success

definitions:
  loginParam:
    properties:
      username:
        type: "string"
        default: "admin"
      password:
        type: "string"
        default: "test@123"
    required:
      - "username"
      - "password"
  portalParam:
    properties:
      id:
        type: "string"
    required: 
      - "id"
  homeParam:
    properties:
      userid:
        type: "string"
      systemid:
        type: "string"
    required: 
      - "userid"
      - "systemid"

十、重启pm2服务

pm2 restart all