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