javascript - 前端 Web API 资源使用情况

Question

我已经遇到这个问题好几次了。我更改资源的结果或参数，然后搜索它的使用位置并进行更改。但我时常会错过应用程序中一些晦涩的部分。

什么是查找在 Angular 应用程序中使用 API 资源(端点)的所有位置的好技术？

它并不总是像搜索“api/foo/bar/baz”那么简单。 URI 可以由多个变量串联而成。

Answer 1

我的方法是使用自定义 Angular 服务并将所有端点信息以及其他特定于应用程序的设置存储在那里:

angular.module("appModule").value("appSettings", {
    title: "My application",
    version: "0.0.0.1",
    webApiHost: "http://localhost:33000/",
    customersEndpoint: "api/customers",
});

这样，您就可以通过在代码中查找 appSettings.customersEndpoint 字符串来找到所有引用。这是客户端示例:

(function (angular) {
    var customersFactory = function ($http, appSettings) {
        var factory = {};

        factory.getAll = function () {
            return $http.get(appSettings.webApiHost + appSettings.customersEndpoint);
        }        

        return factory;
    };

    customersFactory.$inject = ["$http", "appSettings"];
    angular.module("appModule").factory("customersFactory", customersFactory);
}(angular));

但是，没有什么可以阻止您(或其他人)忽略该技术并通过使用字符串连接等方式来混淆端点。所以，对于这种事情没有什么 Elixir ——只是要小心!