我如何用前端技术得到XXOO网站的VIP

叁歲伎倆 2022-07-13 05:38 202阅读 0赞

[查看作者原文][Link 1]

[讲解素材][Link 2]  
网页如图，这里只是说明整个网站的一些技术点，所以不该看的地方我都打上马赛克了，让我们揭开这些网站的整个前端工作原理  
![image][]  
首先刚进去的时候显示一堆乱七八糟的东西，点进去其中一个页面，下面各种虚假评论，然后每隔几秒钟弹出第几几几个会员充值成功，我们先把这个删掉  
![image][image 1]  
好了，我们继续研究这个网站内部结构了  
正常情况每个页面的视频都是试看几十秒就会提醒你充值，当然这是这类网站的常规套路，我们在浏览器的Network观察加载的js，我们可以看到里面这段代码  
![image][image 2]  
这是一份叫做lsj.mp4.js的代码的其中一部分，我们可以看到里面有个关键的判断，具体就是判断你是否是会员，如果是那就根据类型是否是2返回**play\_url\_arr\_oumei**数组和**play\_url\_arr**数组拼接一个url给你，如果你不是会员的话就进入试看的判断，很清晰的看到有一个url，那就是试看的短视频的路径

var isvip = getCookie('lsjyy');
    if(isvip != undefined && isvip != ''  && isvip.match(rgExp)){}else{}

上面这两句还告诉我们第二个关键点就是我们可以根据**isvip**的cookie值来伪造身份，这个cookie就是保存到我们的本地浏览器上，所以如果我们能成功改写它的话我们就能变成会员绕过这个判断，这份代码已经封装好**getCookie**，所以我们可以在控制台直接调用来改写cookie值，但是问题来了，我们应该改成什么值才能绕过判断呢，我们继续看源代码搜索答案

在lsj.pay.js?v=256这份代码的279行中我们又找到了一个线索，我们从代码看到，如果支付成功会在本地浏览器设置用户的cookie值，有两个关键的值出现了，分别是**lsj**和**lsjyy**  
*lsj*

setCookie('lsj', pay_tee, 'd730');

*lsjyy*

setCookie('lsjyy', 'vip', 'd730');

其实我想了很久这个名字跟vip有什么关联，估计这个网站的作者想写的是老司机和老司机YY的意思吧，不过不管它是什么意思，现在只要我们尝试用它封装好的**setCookie**方法自己改写这两个cookie值，就能在本地顺利成为会员，绕过刚才的判断条件了  
**lsj.pay.js**

其实往下也可以看到有一个clearVIP函数，更肯定了刚才我们的结论，VIP和非VIP其实就是这两个值在作怪，所以我们默认的值应该就是clearVIP函数设置的值

function clearVIP() { 
        setCookie("lsjyy",0, 's1');
        setCookie("lsj",0, 's1');
    }

如下图，我们在浏览器执行这两个函数，执行成功后我们就能看到cookie被成功改写  
![image][image 3]  
![image][image 4]  
在这里我设置lsjyy为vip2，当然我在后面测试的时候发现这两个值貌似没什么区别  
![image][image 5]

然后我们可以用lsj.pay.js第179行的**showpay**函数来检测是否已经是成功变成VIP

如果成功完成上面的步骤，我们在控制台输入showpay()就会看到下图这个弹窗，那证明我们已经成功升级为VIP…  
![image][image 6]  
我们再次进入其中一个带有视频的网页看看变成VIP会会真的有VIP的”待遇”，我们发现页面内容块变成了空白，控制台报了下面这个错，那是提示有一个值叫**play\_rand**没有定义，其实来到这里我们已经发现我们已经绕过了刚才会员判断，进入我们是会员的判断分支，只是因为一个未定义的值停止了代码的运行  
![image][image 7]  
![image][image 8]  
由于这个值我们可以看到是一个数组的索引值，所以我们在控制台全局定义

var play_rand = 1

![image][image 9]  
我们把id为play-html节点的元素样式设置diplay为显示，我们就可以看到正常的播放器出来了  
![image][image 10]  
分析源码得知，它大概的工作原理就是根据url的参数，比如**play\_name**和**play\_type**，根据你是否VIP然后加载播放器播放拼接完的URL，play\_name还含有**undefined**很不科学，说明有些视频根本只有图没有源  
打开play.html查看里面的源代码，可以看到视频的链接源  
**play.html**第21行

往下面看我们可以看到刚才**play\_rand**选取的对应的那个视频，事实上**play\_url\_arr\_oumei**和**play\_url\_arr**数组已经定义好了VIP可以观看的这十几个视频，所以不管怎么样付钱后都是看这十几个里面的其中一个，在这里其实已经可以自己拼接对应的链接进入相应的视频  
**play.html**第324行

var play_url_arr_oumei=new Array();
        play_url_arr_oumei[1]=cdn_url+"/vip/2/om_1.mp4";
        play_url_arr_oumei[2]=cdn_url+"/vip/2/om_2.mp4";
        play_url_arr_oumei[3]=cdn_url+"/vip/2/om_3.mp4";
        play_url_arr_oumei[4]=cdn_url+"/vip/2/om_4.mp4";
        play_url_arr_oumei[5]=cdn_url+"/vip/2/om_5.mp4";
        play_url_arr_oumei[6]=cdn_url+"/vip/2/om_6.mp4";
        play_url_arr_oumei[7]=cdn_url+"/vip/try7.mp4";
        play_url_arr_oumei[8]=cdn_url+"/vip/try8.mp4";
        play_url_arr_oumei[9]=cdn_url+"/vip/try9.mp4";
        play_url_arr_oumei[10]=cdn_url+"/vip/try10.mp5";
        var play_url_arr=new Array();
        play_url_arr[1]=cdn_url+"/vip/try1.mp4";
        play_url_arr[2]=cdn_url+"/vip/try2.mp4";
        play_url_arr[3]=cdn_url+"/vip/try3.mp4";
        play_url_arr[4]=cdn_url+"/vip/try4.mp4";
        play_url_arr[5]=cdn_url+"/vip/try5.mp4";
        play_url_arr[6]=cdn_url+"/vip/try6.mp4";
        play_url_arr[7]=cdn_url+"/vip/try7.mp4";
        play_url_arr[8]=cdn_url+"/vip/try8.mp4";
        play_url_arr[9]=cdn_url+"/vip/try9.mp4";
        play_url_arr[10]=cdn_url+"/vip/try10.mp4";

当然我们为了证明我们刚才上面的推测，我们可以在控制台把**lsj.mp4.js**的**getMp4Url函数**执行一次

![image][image 11]

我们可以看到一个可用的链接就这样出现了  
当然你可以再执行如下代码，让它在网页端执行，关键就是用**playHtml3函数**加载播放器，并打开拼接好的视频链接，有时候加载的是一张图片，更有时候加载的视频链接也根本无法播放，其实不管是否会员，最后也只是播放在页面最后定义好的那十几个视频，支付变成会员只是它们把数据入库，然后帮你设置个cookie的过程而已  
当然这些网站的前端人员的代码和注释还是挺可笑的  
![image][image 12]

![image][image 13]  
至此，就可以看懂这种网站的工作原理了，所以遇到小心上当了

———————-update 2016.12.26————————–  
*技术本身不可耻，可耻的是滥用技术的人！*  
后续更多内容可关注作者本人[@Wscats][Wscats]或者star本文

[Link 1]: https://github.com/Wscats/Good-text-Share/issues/62
[Link 2]: http://vip.cnoubo.cn:8080/wapyy668/index.html
[image]: /images/20220713/d72d925c500b4266955613a7c93127eb.png
[image 1]: /images/20220713/430d3ff8e9f2477494a3346de9869f28.png
[image 2]: /images/20220713/c2f60953d7e44cba94fc45c2bc880592.png
[image 3]: /images/20220713/06fa52d00404419989901073c5ba3fb9.png
[image 4]: /images/20220713/d8af0b4d4b7646c08e7dbd5005ac3b1f.png
[image 5]: /images/20220713/a55acf87747444cd8723b07612c7ef20.png
[image 6]: /images/20220713/274ec6a8a408401885f3bc199a40b5f6.png
[image 7]: /images/20220713/07a54f41e40a447887d5de5a0c4bec2b.png
[image 8]: /images/20220713/5aa374a269b6416ebf853c958c0738e3.png
[image 9]: /images/20220713/ead299f82aad41adbd3c33043130dd70.png
[image 10]: /images/20220713/8775d9d473ab4773b5fe31d9767a71ce.png
[image 11]: /images/20220713/7dd7ed99fe024e258f583f558f718073.png
[image 12]: /images/20220713/654663aa41bd43f2a3dd911a3376334f.png
[image 13]: /images/20220713/56867ac0efd14a5cb76de92caff36ba6.png
[Wscats]: https://github.com/Wscats