介绍
wine-angularjs-service 是一个 AngularJS 服务模块，可以在 AngularJS 应用中方便地实现调用 RESTful 风格 API 的功能。最初来自 https://github.com/wine/wine-angularjs-service。
安装
使用 npm 进行安装：
npm install wine-angularjs-service --save
步骤
- 注册依赖
在你的 AngularJS 应用中注册依赖关系：
angular.module('app', ['wine.angularjs.service']);- 配置
在你的应用的 config 配置中，指定 baseUrl 参数，该参数表示你的 API 的基本 URL。
angular.module('app').config(['wineApiProvider', function(wineApiProvider) {
wineApiProvider.setBaseUrl('https://api.example.com/v1');
}]);也可以指定 headers 参数，例如：
angular.module('app').config(['wineApiProvider', function(wineApiProvider) {
wineApiProvider.setBaseUrl('https://api.example.com/v1');
wineApiProvider.setDefaultHeaders({'Authorization': 'Bearer my-token'});
}]);- 使用
可以使用配置好的 wineApi 服务发送 GET 请求，例如：
angular.module('app').controller('myController', ['wineApi', function(wineApi) {
wineApi.get('/users', {'per_page': '20', 'page': '2'}).then(function(users) {
console.log(users);
});
}]);可以使用 post, patch, put, head, delete 方法发送其他类型的请求。
angular.module('app').controller('myController', ['wineApi', function(wineApi) {
wineApi.post('/users', {'name': 'test', 'email': 'test@gmail.com'}).then(function(newUser) {
console.log(newUser);
});
}]);也可以使用 request 方法发送自定义的请求：
-- -------------------- ---- -------
------------------------------------------------ ----------- ----------------- -
-----------------
------- -------
---- ---------
----- -------- ------- -------- ------------------
-------- ------------------- --------
-------------------------- -
----------------------
---
----需要注意的是，wineApi 会返回一个 promise 对象，需要使用 then 方法获取结果。
示例代码
-- -------------------- ---- -------
--------------------- ------------------------------------------------------ ------------------------- -
---------------------------------------------------------
--------------------------------------------------- ------- ------------
----
------------------------------------------------ ----------- ----------------- -
--------------------- ------------ ----- ------- -------------------------- -
-------------------
---
---------------------- -------- ------- -------- ----------------------------------------- -
---------------------
---
-----------------
------- -------
---- ---------
----- -------- ------- -------- ------------------
-------- ------------------- --------
-------------------------- -
----------------------
---
----结论
npm 包 wine-angularjs-service 提供了一种简单而有效的方式来管理 AngularJS 应用中 RESTful 风格 API 的调用。它提供了一个易于使用的接口和一些有用的配置选项，可以满足大多数应用的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fec81e8991b448ddaba