如何快速查找AngularJS前端调用的REST API后端端点？求工具方案

一、IntelliJ IDEA 内置工具实现 #

1. 精准文本搜索 #

用全局搜索快捷键Ctrl+Shift+F（Windows/Linux）或Cmd+Shift+F（Mac），直接搜索AngularJS常用API调用标识：$http、$resource、Restangular（如果项目用了这个库）。关键是限定搜索范围为目标模块的目录，在搜索框的「Scope」选项里选自定义目录，避免无关代码干扰。找到结果后，逐个查看上下文，若端点是变量拼接的，记得溯源变量的定义。

2. 代码追踪与用法查找 #

• 对于用$resource封装的API服务，右键点击服务名，选「Find Usages」（快捷键Alt+F7），直接定位该服务在目标模块的所有调用处，同时能看到对应的端点路径。
• 如果端点是存在常量/配置文件里的（比如.constant('API_ENDPOINTS', { USER_LIST: '/api/users' })），用「Go to Declaration」（Ctrl+B）跳转到定义，再用「Find Usages」找所有引用。

3. 结构化搜索（Structural Search） #

开启Edit > Find > Search Structurally，创建针对AngularJS API调用的模板，批量提取端点：

• 针对$http调用的模板示例：

  $http.get('$endpoint$', $config$)
  

• 针对$resource服务定义的模板示例：

  angular.module('$module$').factory('$service$', function($resource) {
    return $resource('$endpoint$', ...);
  });
  

  配置好模板后，限定搜索范围到目标模块，就能批量获取所有端点、调用位置及上下文。

二、外部工具方案（类前端Swagger） #

1. ng-apidoc #

专门为AngularJS打造的API文档工具，能自动扫描代码中的$http、$resource调用，生成包含端点、请求方法、参数、调用文件及行号的可视化文档。安装后配置目标模块的扫描路径，执行命令即可生成可查看的API清单，还能直接关联到代码位置。

2. jsinspect #

原本是检测重复代码的工具，但可以自定义匹配规则，批量扫描目标模块中符合AngularJS API调用格式的代码片段。执行命令时指定目标目录，输出结果会包含文件路径、行号和具体调用代码，方便提取端点信息。

3. 自定义Node.js脚本 #

写个简单的Node脚本，用正则匹配目标模块下所有.js文件的API调用，比如匹配$http\.(get|post|put|delete)\(['"](.*?)['"]这类模式，提取端点、文件路径和行号，最后输出结构化结果（比如JSON），适合快速批量提取。

内容的提问来源于stack exchange，提问作者Mykola Papenko