图文 - 「ONE · 一个」 官方API分析

前题

最近想做个ONE的小程序，本来打算直接寻找现成的API接口，无奈网上的大部分都不符合自己需求。
于是在浏览官网的过程中，进行数据包拦截分析，最终分析出官方的API请求地址以及其他注意事项。

我这里抓取的是【图文】页面，其他页面自行尝试。

请求地址

抓取流量，发现有一个json api请求：

http://m.wufazhuce.com/one/ajaxlist/0?_token=ebcfe13848eaca8d74f86140066c0186f22cf249

它会返回如下数据：

API返回结果

然后再页面滚动，会自动加载下一页API数据，地址是这样的：

http://m.wufazhuce.com/one/ajaxlist/2088?_token=ebcfe13848eaca8d74f86140066c0186f22cf249

可能你已经看出来了，这个/ajaxlist/2088后边的数字，是我们第一次/ajaxlist/0请求得到的数据列表的最后一个数据id

所以我们通过这样，就能无限地加载下一页数据了。

token获取

当然，前边的请求地址中的_token参数是必须的，也是随机的（每个浏览器中所生成的都不同）
那我们从哪获取呢？
在html源码里：

token源码

所以我们只能解析该html数据，得到我们需要的token了，js代码如下：

var token = data.split("One.token = '")[1].split("'")[0];

data为html文本数据

cookie获取

就这么结束了吗？

不是的！我们获取到了token，但是请求的时候，会直接返回错误的数据：

错误数据

这是为什么呢？
经过多次尝试，发现了问题所在：

_token是和Cookie相关联的

所以，我们还得去获取到_token对应的Cookie，然后在请求的时候加上，就可以了。

代码实现

当然上述的_token和Cookie获取可以在一次请求中完成，因为第一次请求，会返回一个Set-Cookie的header：

set-cookie

所以我们直接封装一个api.js：

// 作者：https://nextstack.xyz

var TOKEN = '';

class API {
  constructor () {
    this.API = 'http://m.wufazhuce.com/one/ajaxlist/';
    this.COOKIE = '';
  }

  /**
   * 获取token
   */
  getToken () {
    return new Promise((RES, REJ) => {
      if (TOKEN) return RES(TOKEN);
      wx.request({
        url: 'http://m.wufazhuce.com/one',
        responseType: 'text',
        success: ret => {
          this.COOKIE = ret.header['Set-Cookie'];
          var _token = ret.data.split("One.token = '")[1].split("'")[0];
          if (_token && (_token.length === 40)) {
            TOKEN = _token;
            return RES(_token);
          }
          REJ()
        },
        fail: REJ
      })
    })
  }

  /**
   * 获取数据
   */
  getData (page = 0) {
    return new Promise((RES, REJ) => {
      this.getToken().then(token => {
        var url = this.API + page + '?_token=' + token;
        console.log('request->', url)
        wx.request({
          url,
          header: {
            'Cookie': this.COOKIE
          },
          success: data => {
            console.log('data=', data);
            RES(data);
          },
          fail: REJ
        })
      })
    });
  }
}

module.exports = new API();

调用方法：

var API = require('../utils/api.js');
API.getData().then(datas => {
    //下一页
    API.getData(data.data[data.data.length - 1].id).then(next_datas => {})
})