0
点赞
收藏
分享

微信扫一扫

前后端分离开发工具YAPI部署记录

之前公司说要建立起前后端分离开发模式,而我只是刚毕业,让我负责建立起这个规范 ,虽然刚毕业还没去大厂待过,对我来说是个挑战,只能按我理解和网上的方案进行建立。在 ​​Go​​​ogle 和 github 搜了好多项目,最终找到一个很好的​​工具​​,只要搭建在内网就能完美解决前后端分离开发的一些缺点。下面搭建看看

1.搭建​​Yapi​​ 的数据库 mongo

直接 docker 命令走起

docker run -d \
-p 27017:27017 \
--name mongo \
--restart=always \
-v /data/mongo:/data/db \
-e MONGO_INITDB_ROOT_USERNAME=mongo \
-e MONGO_INITDB_ROOT_PASSWORD=123456 \
mongo

前后端分离开发工具YAPI部署记录_docker

2.自定义配置文件 yapi-config.json

mkdir /data/yapi
vim /data/yapi/yapi-config.json

填入配置(账号密码自己改)

{
"port": "3000",
"adminAccount": "Rakers@qq.com",
"timeout": 120000,
"db": {
"servername": "mongo",
"DATABASE": "yapi",
"port": 27017,
"user": "mongo",
"pass": "123456",
"authSource": "admin"
}
}

3.初始化 ​​YAPI​​ 数据库索引及管理员账号

docker run -it --rm \
--link mongo:mongo \
--entrypoint npm \
--workdir /yapi/vendors \
-v /data/yapi/yapi-config.json:/yapi/config.json \
registry.cn-hangzhou.aliyuncs.com/anoyi/yapi \
run install-server

记录密码

前后端分离开发工具YAPI部署记录_docker_02

4.启动 Yapi 服务

docker run -d \
--name yapi \
--restart=always \
--link mongo:mongo \
--workdir /yapi/vendors \
-p 9999:3000 \
-v /data/yapi/yapi-config.json:/yapi/config.json \
registry.cn-hangzhou.aliyuncs.com/anoyi/yapi \
server/app.js

前后端分离开发工具YAPI部署记录_数据_03

5.访问 ip:9999 登录查看

前后端分离开发工具YAPI部署记录_数据_04

前后端分离开发工具YAPI部署记录_json_05

6.新建项目、接口测试

前后端分离开发工具YAPI部署记录_YAPI_06

前后端分离开发工具YAPI部署记录_数据_07

随便找个 json 粘贴上去保存

前后端分离开发工具YAPI部署记录_Docker_08

自动生成 json,点击 mock 查看

前后端分离开发工具YAPI部署记录_YAPI_09

前后端分离开发工具YAPI部署记录_YAPI_10

7.总结

这个工具比较适合模拟基本的 json 优点:能够通过粘贴各种 json 生成对应格式,支持导出和导入,支持的​​插件​​很多,可以去 github 文档上查看,支持的插件还是很全的。缺点:就是需要手动去改模拟内容,如中文、时间等。

YApi 可视化接口管理平台

体验地址:

​​http://yapi.smart-xwork.cn/​​

文档:

hellosean1025.github.io/yapi

平台介绍

前后端分离开发工具YAPI部署记录_YAPI_11

YApi 是高效、易用、功能强大的 api 管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务。可以帮助开发者轻松创建、发布、维护 API,YApi 还为用户提供了优秀的交互体验,开发人员只需利用平台提供的接口数据写入工具以及简单的点击操作就可以实现接口的管理。

特性

  • 基于 Json5 和 Mockjs 定义接口返回数据的结构和文档,效率提升多倍
  • 扁平化权限设计,即保证了大型企业级项目的管理,又保证了易用性
  • 类似 postman 的接口调试
  • 自动化测试, 支持对 Response 断言
  • MockServer 除支持普通的随机 mock 外,还增加了 Mock 期望功能,根据设置的请求过滤规则,返回期望数据
  • 支持 postman, har, swagger 数据导入
  • 免费开源,内网​​部署​​,信息再也不怕泄露了

内网部署

环境要求

  • nodejs(7.6+)
  • mongodb(2.6+)
  • git

安装

使用我们提供的 yapi-cli 工具,部署 YApi 平台是非常容易的。执行 yapi server 启动可视化部署程序,输入相应的配置和点击开始部署,就能完成整个网站的部署。部署完成之后,可按照提示信息,执行 node/{网站路径/server/app.js} 启动服务器。在浏览器打开指定 url, 点击登录输入您刚才设置的管理员邮箱,默认密码为 ymfe.org 登录系统(默认密码可在个人中心修改)。

npm install -g yapi-cli --registry https://registry.npm.taobao.org
yapi server

服务管理

利用 pm2 方便服务管理维护。

npm install pm2 -g  //安装pm2
cd {项目目录}
pm2 start "vendors/server/app.js" --name yapi //pm2管理yapi服务
pm2 info yapi //查看服务信息
pm2 stop yapi //停止服务
pm2 restart yapi //重启服务

升级

升级项目版本是非常容易的,并且不会影响已有的项目数据,只会同步 vendors 目录下的源码文件。

cd  {项目目录}
yapi ls //查看版本号列表
yapi update //更新到最新版本
yapi update -v {Version} //更新到指定版本

教程

  • 使用 YApi 管理 API 文档,测试, mock
  • 自动更新 Swagger 接口数据到 YApi 平台
  • 自动化测试
  • ​​GTest(基于 YApi)接口研发效能提升 10 倍 实战​​

YApi 插件

  • ​​yapi sso 登录插件​​
  • ​​yapi cas 登录插件​​ By wsfe
  • ​​yapi gitlab 集成插件​​
  • ​​oauth2.0 登录​​
  • ​​rap 平台数据导入​​
  • ​​dingding​​ 钉钉机器人推送插件
  • ​​export-docx-data​​ 数据导出 docx 文档
  • ​​interface-oauth-token​​ 定时自动获取鉴权 token 的插件
  • ​​import-swagger-customize​​ 导入指定 swagger 接口

代码生成

  • ​​yapi-to-typescript:根据 YApi 的接口定义生成 TypeScript 的请求函数​​
  • ​​yapi-gen-js-code: 根据 YApi 的接口定义生成 javascript 的请求函数​​
  • ​​SwiftJSONModeler:根据 YApi 的接口生成 Swift 模型代码​​

YApi docker 部署(非官方)

  • ​​使用 alpine 版 docker 镜像快速部署 yapi​​
  • ​​docker-yapi: 基于官方 yapi-cli 的 docker-compose 方案​​
  • ​​docker-compose 一键部署 yapi​​
  • ​​docker-YApi: 更易用的 YApi 镜像​​
  • ​​使用 DockerCompose 构建部署 Yapi​​
  • ​​yapi-docker: dockerized yapi deployment all in one​​

YApi 一些工具

  • ​​Api Generator​​ 接口文档自动生成插件(零入侵)
  • ​​mysql 服务 http 工具,可配合做自动化测试​​
  • ​​idea 一键上传接口到 yapi 插件​​
  • ​​idea 接口上传调试插件 easy-yapi​​
  • ​​执行 postgres sql 的服务​​
  • ​​SpringBoot 依赖自动生成 YApi​​
  • ​​Yapi X 一键生成接口文档, 上传到 yapi, rap2, eolinker 等(IDEA 插件)​​

YApi 的一些客户

  • 去哪儿
  • 携程
  • 艺龙
  • 美团
  • 百度
  • 腾讯
  • 阿里巴巴
  • 京东
  • 今日头条
  • 唯品支付
  • 链家网
  • 快手
  • 便利蜂
  • 中商惠民
  • 新浪
  • VIPKID
  • 马蜂窝
  • 伴鱼
  • 旷视科技

本文由「​​诚哥博客​​​」原创,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 ​

举报

相关推荐

0 条评论