钉钉内网穿透实现前后端联调

一.开启钉钉隧道

1.下载工具

在Git Bash中输入命令

git clone https://github.com/open-dingtalk/dingtalk-pierced-client.git

2.启动工具

(windows系统)找到刚下载的工具(文件名dingtalk-pierced-client),找到其中的windows_64文件夹,在地址栏输入cmd

3.开启隧道

(1)输入命令

ding -config=ding.cfg -subdomain=abc 8080

其中"abc"是想要使用的网址名称,8080是想要暴露给前端的本机接口(即后端启动的接口)

(2)最终结果

二.前后端联调步骤

1.如果是在本地同时测试前后端功能,此时前端填写的地址就是后端开启的接口:http://localhost:8081

2.但现实场景中前后端往往是分离的,存在远程合作项目的情况,这时前端怎么连接调用后端接口就是一个问题了,因此就需要用到内网穿透技术

(1)后端

后端首先需要运行自己的项目,开启后界面如下

然后后端要打开钉钉隧道,将自己的本地接口转换成钉钉的网络接口

此时本地接口http://localhost:8081就转化成了http://compete.vaiwan.cn,前端使用这个地址就可以连接到后端接口了

(2)前端

前端只需要将地址改成http://compete.vaiwan.cn即可