前后端分离——利用内网穿透实现不在一个局域网下使用swagger-ui调用API接口文档

最近有个项目,功能繁多并且需要两个后端和两个前端同学进行开发(看到数据库三十多张表心里一阵抽搐)。因为暑假几个同学早已离校,原来本地测试接口是在同一个局域网下进行的、并且利用swagger-ui实现后端自动生成API接口文档、这样一来就增加了开发难度和开发周期,但这些能难道聪明的程序猿吗 (手动狗头),刚好因为开发微信小程序的原因我想起还有一个内网穿透的工具----natapp,抱着试试看的想法花了 9rmb重金续费了一次,尝试了一下竟然可以!!!这样我远在新疆的同学就没法逃了。

话不多说,进入正题

准备工作

  • springboot + swagger
  • 内网穿透工具natapp
  1. 首先从natapp官网购买一个隧道(没使用过的小伙伴还要注册哦)

价格如下、一般9rmb的就够用

在这里插入图片描述
这边也是可以购买二级域名的(一般系统分配的域名会有点丑,有强迫症的小伙伴可以自己购买一个,一年3rmb)
在这里插入图片描述
2. 下载客户端
在这里插入图片描述
我这边是deepin 国产的linux系统 所以我下载了第三个,小伙伴们根据自己的系统下载即可

  1. 配置natapp
    1. 在首页点击我的隧道
    2. 点击配置
      在这里插入图片描述
      在这里插入图片描述
  2. 运行natapp
    1. 查看authtoken
      在我的隧道下方有一个authtoken,点击显示就能得到自己的authtoken
      在这里插入图片描述
      1. 启动springboot项目,这里的端口要跟隧道配置的端口一致

      2. 打开下载好的本地natapp
        linux下的打开命令是

        ./natapp -authtoken=自己隧道的authtoken

这样一来就打工搞成了

效果如下
手机端效果
远在新疆的同学也能打开

注意

  • 每次使用内网穿透工具的时候一定要在本地打开客户端
  • 项目启动端口一定要和配置的端口一致
  • 6
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
Swagger-UI在线接口文档的优点包括以下几个方面: 1. 支持接口文档导出:Swagger-UI可以将接口文档以PDF、Word和Markdown等格式导出,方便开发者进行离线查阅和分享。[2] 2. 多种方式使用Swagger-UI可以与其他工具同时使用,比如springfox-swagger-ui,可以根据项目需求选择最适合的方式。[2] 3. 友好的界面:相比于springfox-swagger-uiSwagger-UI的界面更加友好,排版结构更加清晰,使得接口文档更易于理解和使用。[2] 4. 搜索功能:Swagger-UI支持接口内容的搜索,可以快速定位到需要查找的接口,提高了开发效率。[2] 5. 接口版本管理:Swagger-UI可以对接口进行版本管理,方便开发者对接口进行更新和维护。[2] 6. 国际化支持:Swagger-UI支持多语言界面,可以根据用户的语言偏好进行界面显示。[2] 7. 自定义文档:Swagger-UI支持开发者对接口文档进行自定义,可以根据项目需求添加额外的信息和说明。[2] 8. 生产环境屏蔽:Swagger-UI支持在生产环境中屏蔽Swagger的所有资源接口,保护接口文档的安全性。[2] 9. 接口权限控制:Swagger-UI可以设置在线接口文档的权限控制,限制不同用户对接口文档的访问权限。[2] 综上所述,Swagger-UI在线接口文档具有导出、多种使用方式、友好界面、搜索功能、版本管理、国际化支持、自定义文档、生产环境屏蔽和权限控制等优点。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值