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

时间:2024-03-26 16:02:05

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

话不多说,进入正题

准备工作

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

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

前后端分离——利用内网穿透实现不在一个局域网下使用swagger-ui调用API接口文档
这边也是可以购买二级域名的(一般系统分配的域名会有点丑,有强迫症的小伙伴可以自己购买一个,一年3rmb)
前后端分离——利用内网穿透实现不在一个局域网下使用swagger-ui调用API接口文档
2. 下载客户端
前后端分离——利用内网穿透实现不在一个局域网下使用swagger-ui调用API接口文档
我这边是deepin 国产的linux系统 所以我下载了第三个,小伙伴们根据自己的系统下载即可

  1. 配置natapp
    1. 在首页点击我的隧道
    2. 点击配置
      前后端分离——利用内网穿透实现不在一个局域网下使用swagger-ui调用API接口文档
      前后端分离——利用内网穿透实现不在一个局域网下使用swagger-ui调用API接口文档
  2. 运行natapp
    1. 查看authtoken
      在我的隧道下方有一个authtoken,点击显示就能得到自己的authtoken
      前后端分离——利用内网穿透实现不在一个局域网下使用swagger-ui调用API接口文档
      1. 启动springboot项目,这里的端口要跟隧道配置的端口一致

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

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

这样一来就打工搞成了

效果如下
前后端分离——利用内网穿透实现不在一个局域网下使用swagger-ui调用API接口文档
远在*的同学也能打开

注意

  • 每次使用内网穿透工具的时候一定要在本地打开客户端
  • 项目启动端口一定要和配置的端口一致