关于网络请求封装传参及拿返回结果的姿势

开端

最近用大淘客的服务,结果在统计代码上被恶心到了;

现在是强制使用cnzz的统计代码并且只给你留一个可以<只可以>输入数字的input框;

结果填上去控制台还报错,提交反馈还爱答不理的,这不是逼着我自做淘宝联盟api嘛

于是就有了一个新demo  它就是<领券宝> ;

技术点

去淘宝联盟创建应用审核通过之后,会给你一个appkey 和 appsecret

然后就可以去百川下载一个sdk,之前会用php 但最近在练习nodejs,所以就下载了nodejs的sdk;

发展

当然sdk下载下来,你不安装依赖包它是用不了滴

npm install || npm i

等它终端提示信息跑完就OK了;

首先我们把目光放到 examples  中

有三个文件,从文件名我们不难看出是第一个是javascript前端用的,第二个是nodejs服务端用的;

但我 用httpserver.js 这个怎么搞都跑不起来,于是就使用了 express 封装了一个,下边看例子:

/**
* Module dependencies.
* 封装淘宝联盟Api到vue项目
*/
let ApiClient = require('./../../lib/api/topClient').TopClient;

let client = new ApiClient({
'appkey': 'xxx',
'appsecret': 'xxx',
'url': 'http://gw.api.taobao.com/router/rest'
});

module.exports = function (api, params) {
let {page_no, page_size, q} = params;
let adzone_id = 'xxx';
let session = 'xxx';
return new Promise((resolve) => {
client.executeWithHeader(
api,
{page_no, page_size, q, adzone_id, session},
{},
(error, response) => {
if (!error) {
resolve(response);
} else {
resolve(error);
}
})
})

}

用到了promise ,在这之前我遇到了怎么都拿不到请求到的数据,自然也就无法给前端返回了(还是因为跨域不然直接请求淘宝联盟了)

重点

前端封装api的取数据可以简单总结为

1,使用回调传参

<被封装的对象里callback(params)>;

<使用api的代码传入callback,在这个callback中拿出数据>

2,使用promise

<更推荐使用这个,因为它能是代码更加简洁,不用一层套一层,而且它是专门为异步操作开发的>

<要声明的一点是,在nodejs里貌似不支持es7,使用await会报警告>