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

[enoyao]

网页如图，这里只是说明整个网站的一些技术点，所以不该看的地方我都打上马赛克了，让我们揭开这些网站的整个前端工作原理

首先刚进去的时候显示一堆乱七八糟的东西，点进去其中一个页面，下面各种虚假评论，然后每隔几秒钟弹出第几几几个会员充值成功，我们先把这个删掉

好了，我们继续研究这个网站内部结构了
正常情况每个页面的视频都是试看几十秒就会提醒你充值，当然这是这类网站的常规套路，我们在浏览器的Network观察加载的js，我们可以看到里面这段代码

这是一份叫做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值，但是问题来了，我们应该改成什么值才能绕过判断呢，我们继续看源代码搜索答案

function getMp4Url() {
        var play_name = getParam('play_name');
        var type = getParam('type');
        var rgExp =/^(v|V)[i|I|p|P|0-9]{2,3}$/g;
        var isvip = getCookie('lsjyy');
        var pic = $('.movie-pic img').attr('src');
        var html = '<img src="'+pic+'" style="height:auto; width:100%;display: none;">';
        html = '';
        var play_url = '';
        //vip会员
        if(isvip != undefined && isvip != ''  && isvip.match(rgExp))
        {
            var play_mp4 = getCookie('play_mp4');
            if(type == 2)
            {
                play_url = play_url_arr_oumei[play_rand2];

            }else{
                play_url = play_url_arr[play_rand];

            }
        }
        //试看
        else if(( play_name != '')&&(play_name != 'undefined'))
        {
            
            play_pic = 'http://oewx8de7n.qnssl.com/9e0120cv23/images/'+play_name+'.jpg';
            play_url = 'http://oewx8de7n.qnssl.com/9e0120cv23/images/mp4/'+play_name+'.mp4';
        }
        else
            play_url =  "http://su.cywl5.com/sy/h34.mp4";
        return play_url;
}

在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

function checkOrderStatus() {
    $.post("./pay/ok.php?action=check&uid="+getCookie('user'), function(data) {
        var pay_tee = Number(data);
        if (pay_tee >= 1) 
        {
            ispay = 1;
            ispay = true;
            var lsj = getCookie('lsj');
            if(lsj == null) lsj = 0; 
            if(pay_tee > lsj)
            {    
                setCookie('lsj', pay_tee, 'd730');
            }
        }   
        if ((pay_tee > 0)&&(pay_tee <= s_v1_money)) 
        {
            setCookie('lsjyy', 'vip', 'd730');
        }
        else if ((pay_tee > s_v1_money)&&(pay_tee <= s_v2_money)) 
        {
            setCookie('lsjyy', 'vip2', 'd730');         
        }
        if (pay_tee >= 1) 
        {
            var dt1 =Math.round(new Date().getTime()/1000);
            setCookie('lsjtime', dt1, 'd730');
            setCookie("isPayClick",0, 'd1');
            var isPayClick = getCookie("isPayClick");
            if (isPayClick == 0)
                window.location.reload(); 
        }
       // el_checkpay.hide();
    })
} 

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

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

如下图，我们在浏览器执行这两个函数，执行成功后我们就能看到cookie被成功改写


在这里我设置lsjyy为vip2，当然我在后面测试的时候发现这两个值貌似没什么区别

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

function showpay() {
    var rgExp =/^(v|V)[i|I|p|P|0-9]{2,3}$/g;
    var isvip = getCookie('lsjyy');
    if(isvip != undefined && isvip != ''  && isvip.match(rgExp))
    {
        alert('您已经是vip了哦.');
        return false;
    }
   //省略后面的代码
}

如果成功完成上面的步骤，我们在控制台输入showpay()就会看到下图这个弹窗，那证明我们已经成功升级为VIP...

我们再次进入其中一个带有视频的网页看看变成VIP会会真的有VIP的"待遇"，我们发现页面内容块变成了空白，控制台报了下面这个错，那是提示有一个值叫play_rand没有定义，其实来到这里我们已经发现我们已经绕过了刚才会员判断，进入我们是会员的判断分支，只是因为一个未定义的值停止了代码的运行


由于这个值我们可以看到是一个数组的索引值，所以我们在控制台全局定义

var play_rand = 1

我们把id为play-html节点的元素样式设置diplay为显示，我们就可以看到正常的播放器出来了

分析源码得知，它大概的工作原理就是根据url的参数，比如play_name和play_type，根据你是否VIP然后加载播放器播放拼接完的URL，play_name还含有undefined很不科学，说明有些视频根本只有图没有源
打开play.html查看里面的源代码，可以看到视频的链接源
play.html第21行

<script type="text/javascript">
    var cdn_url = 'http://oewx8de7n.qnssl.com/9e0120cv23';
</script>

往下面看我们可以看到刚才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函数执行一次

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

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

• 查看作者原文
• 讲解素材

Last Update 2016.12.26

技术本身不可耻，可耻的是滥用技术的人！
后续更多内容可关注作者本人@Wscats或者Star本文

[英布]

哈哈哈，666~~~

[weigram]

谢谢博主拉住了我

[Nico]

推上掘金了，目测要火，赶紧占座！

[Lnybb]

火钳留名

[Coder-Li]

厉害了我的哥

[ericshen]

厉害了word哥

[webchenzj]

咸鱼666

[Mansoul]

66666，现在就没有地方不能开车！老哥，稳

[Chris]

这车开的稳！

[flippancy]

厉害

[草帽lufei]

666

[血之君殇]

学习了，好人一生平安

[Lian]

老哥稳，真心为技术

[Jevirs]

污污污~~~开火车喽，哪个网站？

[Cube]

厉害了，word哥！

[Bini]

老哥稳，上车了

[neron]

老司机

[xsank]

到最后博主也没一声叹息，果然是为了技术！

[Phillips]

老哥稳!

[David]

我在想，博主的初忠是什么？
应该只是为了技术....唉

[hezf]

@20141125
发车了

[zhanqi]

厉害

[xibobo]

其实有那么几个瞬间 我也想这么搞来着 不过几分钟过后 就进入贤者时间

[HankBu]

问个问题，为什么不直接用chrome插件editthiscookie直接修改cookie，这样不是来的更快？

@HankBu 不用插件的原因是执行纯前端的JS方法在Console（即控制台）修改其实来得更快更直接，并且我也没装editthiscookie这个插件，安装这个插件还要_FQ_，所以就嫌这个麻烦了，宁愿敲多几行代码，不大习惯可视化了，不过还是谢谢您的建议~From @Wscats

[w5a2n02016]

恕我直言 真的稳
可以百度wapyy 668
(╭￣3￣)╭♡

[crushjjl]

吓得我赶紧收藏了，毕竟这种好技术要多看，多学

[Deleted user]

66666

[hechunhi]

w(ﾟДﾟ)w 。。。

不堪入目啊~~ (¯﹃¯)

[Jack Stark]

滴～学生卡👨‍🎓

[xjccc]

666

[Hu Zehan]

6666666

[BertieHuang]

老哥稳如狗

[gxx]

滴滴滴，老年卡

[jqz3.tech]

吓得我赶紧把书签都删了。。

[Peter]

666！果然欲望是人类进步的一大动力！

[MadivH]

代码居然没压缩

[guandaxia]

竟然在前端修改cookie，而且竟然是用cookie来判断，呵呵呵

[桥边红药]

火前留名

[vincentdou]

地址没法访问啊

[ziying]

噗哈哈哈哈哈哈哈哈哈阿哈哈

[黄奕海]

6666

[cuining]

暴露了地址

[wudashan]

1024

[sisx]

地址挂了，百度的也没用。

[yohoj]

老哥稳

[宏爷]

嘀嘀嘀 请充值http://su.cywl5.com/sy/h34.mp4

[leowang]

老司机啊

[jackfred]

可啪！

[Darkbish]

上班根本不打打开这上面的任何一个链接

[jimxiang]

一看就是一个很挫的网站，代码不混淆不压缩，估计也没什么“好”视频资源

[見える]

厉害厉害

[ganchengyuan1990]

这个网站都不压缩代码的吗

[dcasdfaf2]

上车~

[majianghai]

上来看看有没有超载

[artoriuspendragon]

把会员信息存在COOKIE里的网站。。。

[Hao Zhou]

老哥稳啊

[灯大]

我就想知道最后那个截图的视频，是哪部影片O(∩_∩)O

[milo.he]

暴露了地址

[Deleted user]

火前留名

[子风]

牛人的厉害之处就在于去追寻好奇的根源

[Sean Zhang]

不明真相的吃瓜

[Zong]

老司机开车了

[magicbai]

厉害了 word哥

[最初的梦想]

滴 陕西人民卡

[lexlin]

污污污~

[Gyro yang]

厉害了

[lei.ren]

表示确实是这样的 以前被坑过 支付过50左右 发现还是那样的

[MericLai]

上车再说~

[我若为王]

稳

[Cloudflying]

滴 老司机卡 ！！！！！

这才是真正的老司机啊！
另外问下楼主用qiniu 是要缓存视频慢慢欣赏么‘？

[Doracoin]

厉害了，留名

[alphater]

留名。。。。。。。。。。。

[ducp123]

留名，，，，，，，厉害了！

[liuchuangjun321]

厉害了，Word老哥

[zhangzs000]

厉害

[UncleLLD]

厉害

[taoli]

果然火了

[番茄是一只猫]

已上车

[Barry]

6了

[fansongyuan]

厉害了我的哥

[jepeng]

搞it的就是省钱小能手啊

[Yanglonghe]

看到最后才发现，原来是老司机。

[joel]

老哥稳～

[roronoachopper]

我感觉我要踏入一个新的世界了

[Luo]

好气人啊，明明充值了钱，可网站才只有10个视频资源。我要揭发这种黑心的网站。嘿嘿嘿

[Hujimiya]

神特么我一开始以为是一篇普通的技术分享,直到我看见了波多野结衣的名字

[Zone]

学习了

[Nine monsters]

稳

[xn4545945]

厉害了, word哥

[21K韶华]

膜拜楼主0..0

[domainbank]

不愧老司机

[JAKOBYU]

都可以通过吗？

[Crazyleofeng]

老哥真心稳!

[ovoide]

滴 学生卡 ！！！！！

[xenon_cai]

已折服666666666666666666，稳稳的性福

[Yan]

可以啊 我居然在sf上发现你这篇东西了, 真老司机啊...

[liuyujun]

抱紧，滴，学生卡

[marsprince]

滴滴滴，学生卡

[orsiro]

老哥稳

[yangzicheng]

厉害厉害