话说
各位读者盆友,晚上好!这里介绍一下快速找接口。太基础?Yes!
文章目录 1.如何找接口?法1:使用IDEA插件。【强烈推荐】法2:记住快捷键是从哪里来的法3:快捷键:**Ctrl + Shift +F** 2. 总结开发工具:Idea 难度系数:★☆☆☆☆ 建议用时:30min
前后端分离架构中,前后端交互都是靠接口对接的,后端定义好接口,online或者offline告知前端,即可同时开发,不受影响。前后端都需要快速找到接口,后端根据接口找到实现代码,这是非常基础的。
1.如何找接口?我们直接访问页面,然后打开开发者工具Chrome:快捷键:Mac 系统下:Alt + Command + I ,或者右键==》检查,找到NetWork选项卡即可。如图:
如果有一点点基本的开发者工具基础知识,我们知道:Elements是用来查看网页结构的,也就是可以看到整体的HTML语言;Console是控制台,Network是请求想相应状态,关于开发者工具,以后会专门在作总结。
1)一个Name就是一个接口,XHR一般这么过滤。Header里面的RequestURL就是前端调用后端的接口;
2)上图中的idp应该是后端的一个服务(项目),/user/admin/lock就是接口,也就是后端的@RequestMapping或者@Path()
在Idea中,如何快速找到这个接口所对应的后端代码?
在后端代码中,这个接口就是指定的具体类中的某个方法,也就是path。
Eg:
http://175.23.43.5/cscsc/branch_center/dynamic
这就是个接口,组成部分:
HTTP——协议名称 175.23.43.5 ——服务器名称 cscsc——服务名称(对应后台一个工程|一个模块|一个服务) branch_center——请求路径 dynamic—二级路径
如何快速查找呢?
记住快捷键是个好方法,但是快捷键总会忘记的,如果换了开发工具,不也忘了么?
法1:使用IDEA插件。【强烈推荐】还有更高效的方式:IDEA安装插件 ResutfulTool 然后快捷键:Ctrl + Alt + / 这种找接口的方式比文件搜索快N倍,且精准度高N倍。
法2:记住快捷键是从哪里来的Edit ==》 Find ==》Find in path 这样就一劳永逸,即便忘记,也不怕。 因为大脑擅长逻辑,而不是擅长记忆。
法3:快捷键:Ctrl + Shift +F这个快捷键和搜狗输入法繁简体切换冲突。
搜索的时候,/这个加不加上,大有来头。我一般选择Directory选项卡,选择Words过滤, 这样筛选出来的都是@Path()之类的,非常方便。
@Path(”/branch_center/dynamic“) @Path(“branch_center/dynamic”) 这两个搜的时候,就要区别有无/,如果直接/就会直接过滤掉第二个路径。有时候,有的接口搜索/ 或者branch_center也是找不到,需要加上"branch_center",这就考验你对@Path理解的深刻与否了。
换做其他开发工具,也是类似。
2. 总结1.Idea中快捷键:Ctrl + Shift +F (对应:Edit ==> find ==> find in path),这个快捷键和搜狗输入法繁简体切换冲突。 记住快捷键没什么,重要的是知道这个快捷键怎么来的。
double shift 就是全局搜索类
2.个人习惯选择Directory选项卡搜索,然后精准匹配Words
3.path的书写大有讲究。有无/是很关键的一个指标。如果你默认以为/branch_center,那么就直接过滤掉了branch_center
好了,再会~