SpringBoot 服务端接口公网远程调试，并实现 HTTP 服务监听！

浅浅的花香味﹌ 2023-09-26 18:25 14阅读 0赞

前后端分离项目中，在调用接口调试时候，我们可以通过cpolar内网穿透将本地服务端接口模拟公共网络环境远程调用调试，本次教程我们以Java服务端接口为例。

### 1. 本地环境搭建 ###

#### 1.1 环境参数 ####

*  JDK1.8
 *  IDEA
 *  SpringBoot
 *  Maven
 *  Tomcat9.0
 *  Postman

#### 1.2 搭建springboot服务项目 ####

搭建一个springboot服务的项目,编写一个接口,为了更好直观看到,这里创建一个pos请求的接口

### 2. 内网穿透 ###

这里我们使用cpolar来进行内网穿透，支持http/https/tcp协议，不限制流量，无需公网IP，也不用设置路由器，使用简单。

#### 2.1 安装配置cpolar内网穿透 ####

cpolar官网：

>  *  https://www.cpolar.com/

访问cpolar官网，注册一个账号，然后下载并安装客户端，具体安装教程可以参考官网文档教程。

*  **windows系统**：在官网下载安装包后，双击安装包一路默认安装即可。
 *  **linux系统**：支持一键自动安装脚本，详细请参考官网文档——入门指南

![5a7df4738254136f3cdd25f301b4d571.png][]

#### 2.2 创建隧道映射本地端口 ####

cpolar安装成功后，在浏览器上访问本地9200端口【`http://localhost:9200`】，使用cpolar账号登录。

![ed5fd83958407beb6899c83de5b35194.png][]

点击左侧仪表盘的隧道管理——创建隧道，创建一个tomcat的8080端口 http隧道

*  隧道名称：可自定义命名，注意不要与已有的隧道名称重复
 *  协议：选择http
 *  本地地址：8080
 *  域名类型：免费选择随机域名
 *  地区：选择China vip

点击创建

![efe4c59548b12bbbca56a2cb0d3e666f.png][]

隧道创建成功后，点击左侧的状态——在线隧道列表,查看所生成的公网地址，然后复制地址

![6e914d01245bf868eabc7cbba0b8074f.png][]

#### 2.3 测试公网地址 ####

这里以Postman接口调试工具向接口发送请求,在postman创建一个post请求方式.输入复制的公网地址加上接口路径,参数使用JSON格式,设置好参数点击

![2dce88295900c38b84949e993b007b9a.png][]

在服务接口端debug调试接口,查看请求是否进入接口,进入接口表示调用成功

![cbe43a81df6d670e700b564d3066797b.png][]

### 3. 固定公网地址 ###

由于以上使用cpolar所创建的隧道使用的是随机公网地址，24小时内会随机变化，不利于长期远程访问。因此我们可以为其配置二级子域名，该地址为固定地址，不会随机变化【ps：cpolar.cn已备案】

注意需要将cpolar套餐升级至基础套餐或以上，且每个套餐对应的带宽不一样。【cpolar.cn已备案】

#### 3.1 保留一个二级子域名 ####

登录cpolar官网，点击左侧的预留，选择保留二级子域名，设置一个二级子域名名称，点击保留,保留成功后复制保留的二级子域名名称

![8eca30009f2dc966c142aeffd311da95.png][]

#### 3.2 配置二级子域名 ####

访问`http://127.0.0.1:9200/`，登录cpolar web UI管理界面，点击左侧仪表盘的隧道管理——隧道列表，找到所要配置的8080隧道，点击右侧的编辑

![0baca42c8e39d733586673cb7079c7c2.png][]

修改隧道信息，将保留成功的二级子域名配置到隧道中

*  域名类型：选择二级子域名
 *  Sub Domain：填写保留成功的二级子域名，本例为test01

点击更新

![b8619f8f945b6769e1f1111ef9148c69.png][]

更新完成后,打开在线隧道列表,此时可以看到公网地址已经发生变化,地址名称也变成了保留过的二级子域名名称,将其复制下来

![aa497044b7376c455c5b9f4255bf892f.png][]

#### 3.2 测试使用固定公网地址 ####

打开postman,使用固定http地址进行调用

![7504fa7a8c0021c9cc02d6c9339f631f.png][]

同样在服务端debug调试查看请求是否进入接口,进入接口表示成功。

![db1e0577e4b251f309c5ffb1ee435bda.png][]

### 4. Cpolar监听器 ###

我们还可以使用cpolar监听器（http://localhost:4040）查看接口请求日志，处理一个讨厌的bug。甚至可以重播请求消息包，加速测试的请求，单击重放（Replay）按钮，重新发送该HTTP信令请求，而不是手动重新触发操作。下面介绍使用cpolar监听器监听请求。

#### 4.1 开启侦听功能 ####

选择我们刚刚创建配置的http隧道，并点击右侧的编辑

![3aa94f3c0fb95f8d4d8d2d1c08aaeb24.png][]

打开高级设置,开启侦听功能

![638d8cfe980e39429f0705eceddc8aa0.png][]

#### 4.2 请求侦听 ####

在浏览器访问本地4040端口，http://localhost:4040

![35f8565e4d2cf9fd242380340b3b7ccc.png][]

向服务端发送请求后,此处就会显示相关的请求日志,可以看到请求的方式,请求的数据,接口路径,和返回状态及结果,极大提高了调试效率。

![2ffb0d07d66f8420a811ce8b05c66ad9.png][]

[5a7df4738254136f3cdd25f301b4d571.png]: https://img-blog.csdnimg.cn/img_convert/5a7df4738254136f3cdd25f301b4d571.png
[ed5fd83958407beb6899c83de5b35194.png]: https://img-blog.csdnimg.cn/img_convert/ed5fd83958407beb6899c83de5b35194.png
[efe4c59548b12bbbca56a2cb0d3e666f.png]: https://img-blog.csdnimg.cn/img_convert/efe4c59548b12bbbca56a2cb0d3e666f.png
[6e914d01245bf868eabc7cbba0b8074f.png]: https://img-blog.csdnimg.cn/img_convert/6e914d01245bf868eabc7cbba0b8074f.png
[2dce88295900c38b84949e993b007b9a.png]: https://img-blog.csdnimg.cn/img_convert/2dce88295900c38b84949e993b007b9a.png
[cbe43a81df6d670e700b564d3066797b.png]: https://img-blog.csdnimg.cn/img_convert/cbe43a81df6d670e700b564d3066797b.png
[8eca30009f2dc966c142aeffd311da95.png]: https://img-blog.csdnimg.cn/img_convert/8eca30009f2dc966c142aeffd311da95.png
[0baca42c8e39d733586673cb7079c7c2.png]: https://img-blog.csdnimg.cn/img_convert/0baca42c8e39d733586673cb7079c7c2.png
[b8619f8f945b6769e1f1111ef9148c69.png]: https://img-blog.csdnimg.cn/img_convert/b8619f8f945b6769e1f1111ef9148c69.png
[aa497044b7376c455c5b9f4255bf892f.png]: https://img-blog.csdnimg.cn/img_convert/aa497044b7376c455c5b9f4255bf892f.png
[7504fa7a8c0021c9cc02d6c9339f631f.png]: https://img-blog.csdnimg.cn/img_convert/7504fa7a8c0021c9cc02d6c9339f631f.png
[db1e0577e4b251f309c5ffb1ee435bda.png]: https://img-blog.csdnimg.cn/img_convert/db1e0577e4b251f309c5ffb1ee435bda.png
[3aa94f3c0fb95f8d4d8d2d1c08aaeb24.png]: https://img-blog.csdnimg.cn/img_convert/3aa94f3c0fb95f8d4d8d2d1c08aaeb24.png
[638d8cfe980e39429f0705eceddc8aa0.png]: https://img-blog.csdnimg.cn/img_convert/638d8cfe980e39429f0705eceddc8aa0.png
[35f8565e4d2cf9fd242380340b3b7ccc.png]: https://img-blog.csdnimg.cn/img_convert/35f8565e4d2cf9fd242380340b3b7ccc.png
[2ffb0d07d66f8420a811ce8b05c66ad9.png]: https://img-blog.csdnimg.cn/img_convert/2ffb0d07d66f8420a811ce8b05c66ad9.png