扒一扒B站（一）

╰+攻爆jí腚メ 2022-10-16 04:53 192阅读 0赞

**免责声明**  
本文仅用于学习，不得将技术分析的内容用于商业或者非法用途，如因本文内容造成的不良影响和后果与本作者无关，如有侵权，请及时联系作者进行处理，予以删除。

--------------------

小破站越来越多人用了，作为一个B站的深度用户，又是一个码农，那就来分析一下，看看能不能扒到一些有意思的东西。

点击B站一个用户投递的视频，我们用浏览器的开发者工具进行抓包，看看整个流程请求了哪些接口，返回了哪些信息，分析分析，有助于我们对大型互联网网站的技术能有更多的了解。

下面就以一个具体视频为例，[祝天下所有的情侣都是失散多年的兄妹【R酱温情翻][R]  
![在这里插入图片描述][950cc19a5ab9437183a5eda877fc0946.png]

有小伙伴猜测我是不是夹带私货，这不是很明显嘛，我就是夹带私货，祝天下所有的情侣都是失散多年的兄妹 (ꐦ°д°)。

往往对于一个行为操作来说，第一个请求包含的信息是非常多的，所以我们来看一下第一个请求是怎样的。

能看到请求的url里有一个`BV1zs411f7up`，这个是B站对稿件的一个id标识，BV号在B站里基本贯穿了整个网站。  
![在这里插入图片描述][d69a7f5545db43ef88cb3ad99cc8db6f.png]

再来看到这个请求的响应，是一个经过HTTP 压缩的html文件  
![在这里插入图片描述][44344daccde04849accb0346451d90f1.png]

将浏览器里的这个html文件拷下来放到VSCode里，方便分析，能看到有2375行  
![在这里插入图片描述][db5478b4a75c4f33bf4b8e957bb4b01e.png]

因为我不是专业的前端，就大概从头到尾扫扫看看这个html有没有一些有意思的地方。

在大概66行那里，看到一条有意思的备注，从这备注里就能得到一些信息，说明B站当初从av号到bv号的转换采取的是灰度放量的形式。  
![在这里插入图片描述][2980d6e75e88410b92509c3e3dfc807b.png]

而备注里也有一个js的地址，出于好奇，在浏览器里输入这个脚本的地址，里面就只有三行代码，就是赋值了个全局变量  
![在这里插入图片描述][e23b7b7ec6c34d41b63585efbd093c98.png]

在162行`window.__playinfo__`， 是视频的播放信息，比如视频的格式，码率，尺寸等等  
![在这里插入图片描述][3c4b8936d1514dd99798e7c5e8c4b799.png]

在309行`window.__INITIAL_STATE__`，这个变量里包含非常多的字段，居然能长达1100行。  
![在这里插入图片描述][d533f195d1154095a27de042e81ec441.png]

尝试一下对这些字段做一个猜解，猜一下字段的意义是为何

<table> 
 <thead> 
  <tr> 
   <th>字段名</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>aid</td> 
   <td>av号</td> 
  </tr> 
  <tr> 
   <td>bvid</td> 
   <td>bv号</td> 
  </tr> 
  <tr> 
   <td>p</td> 
   <td>当前视频是第几p</td> 
  </tr> 
  <tr> 
   <td>videoData.videos</td> 
   <td>视频p数</td> 
  </tr> 
  <tr> 
   <td>videoData.tname</td> 
   <td>视频标签</td> 
  </tr> 
  <tr> 
   <td>videoData.copyright</td> 
   <td>版权。1：原创，2：转载</td> 
  </tr> 
  <tr> 
   <td>videoData.pic</td> 
   <td>封面</td> 
  </tr> 
  <tr> 
   <td>videoData.title</td> 
   <td>标题</td> 
  </tr> 
  <tr> 
   <td>videoData.pubdate</td> 
   <td>上传日期</td> 
  </tr> 
  <tr> 
   <td>videoData.desc</td> 
   <td>视频简介</td> 
  </tr> 
  <tr> 
   <td>videoData.duration</td> 
   <td>视频时长</td> 
  </tr> 
  <tr> 
   <td>videoData.dynamic</td> 
   <td>互动视频</td> 
  </tr> 
  <tr> 
   <td>cid</td> 
   <td>番剧视频弹幕池id号</td> 
  </tr> 
  <tr> 
   <td>videoData.dimension</td> 
   <td>尺寸</td> 
  </tr> 
  <tr> 
   <td>upData</td> 
   <td>up主信息</td> 
  </tr> 
  <tr> 
   <td>tags</td> 
   <td>标签数据</td> 
  </tr> 
  <tr> 
   <td>related</td> 
   <td>相关推荐</td> 
  </tr> 
  <tr> 
   <td>adData</td> 
   <td>广告数据</td> 
  </tr> 
 </tbody> 
</table>

在1746行能看到相关推荐已经在html文件里已经写死了，所以这个就是为什么就算每次刷新页面，视频右侧的相关推荐区域的视频都是不变的

![在这里插入图片描述][c2efeb6c103945edb212dfd2176e9511.png]

![在这里插入图片描述][9389791e8dd2482983cc4ce49bd92afe.png]

接下来看看别的接口，`https://api.bilibili.com/x/web-frontend/data/collector`，从接口名及请求参数就能大概猜的出来，这个接口就是用来数据指标的收集上报的

![在这里插入图片描述][8df30cccc5bf47f999ea711480d2120a.png]

下一篇再“扒一扒”别的，这期先这样吧

# 巨人的肩膀 #

> 从他人的工作中汲取经验来避免自己的错误重复，正如我们是站在巨人的肩膀上才能做出更好的成绩。

[https://github.com/SocialSisterYi/bilibili-API-collect][https_github.com_SocialSisterYi_bilibili-API-collect]

# VChat #

一个没有哆啦A梦和静香的IT码农，不专业Gopher  
![在这里插入图片描述][20201206221123294.png]

[R]: https://www.bilibili.com/video/BV1zs411f7up?from=search&seid=395310700181211314
[950cc19a5ab9437183a5eda877fc0946.png]: /images/20221014/0cc4db66e2fc44c29c0107adf3cfcdea.png
[d69a7f5545db43ef88cb3ad99cc8db6f.png]: /images/20221014/bde4c1055aa944ae95edfa21734ffd5c.png
[44344daccde04849accb0346451d90f1.png]: /images/20221014/f905fea58eed4fc986cd923346af6026.png
[db5478b4a75c4f33bf4b8e957bb4b01e.png]: /images/20221014/9e5a9742064046bbb867fce1ff407017.png
[2980d6e75e88410b92509c3e3dfc807b.png]: /images/20221014/921f856e8de44236b74c2c5757249ada.png
[e23b7b7ec6c34d41b63585efbd093c98.png]: /images/20221014/c08fb90ee45a48dba7bb3663cab9b734.png
[3c4b8936d1514dd99798e7c5e8c4b799.png]: /images/20221014/14f3459f815e42fd8fedde5aac34baa4.png
[d533f195d1154095a27de042e81ec441.png]: /images/20221014/d07b742ba54b425da95c06dd88d24773.png
[c2efeb6c103945edb212dfd2176e9511.png]: /images/20221014/44b94299d3e84d20bab3ef6b9414afc3.png
[9389791e8dd2482983cc4ce49bd92afe.png]: /images/20221014/eddb550bd9354079839d434df4279e1e.png
[8df30cccc5bf47f999ea711480d2120a.png]: /images/20221014/a8a4975a7dd4471e9c5a8ec69ee6b634.png
[https_github.com_SocialSisterYi_bilibili-API-collect]: https://github.com/SocialSisterYi/bilibili-API-collect
[20201206221123294.png]: /images/20221014/6bb49ca015d749a4978bc3b6d77002c4.png