记一次破解前端加密详细过程

约定不等于承诺〃 2022-09-04 14:51 246阅读 0赞

点击上方 程序员成长指北，关注公众号

回复1，加入高级Node交流群

应工作需要爬过各种各样的航空公司网站，大到B2B平台，小到东南亚某某航空官网，从最初使用webdriver+selenium爬虫到现在利用http请求解析html，经历过各种各样的问题，webdriver+selenium这种办法虽然万能，而且可以用JS写解析脚本方便调试，但是用久了才发现这玩意不管是效率还是稳定性都非常差，放到服务器上动不动就挂掉，两三天就需要重启一次。后面头说让我们改用发http请求（我第一次接触项目的时候就在想为什么不直接用发http请求这种方式，我猜他也是第一次接触爬虫这个技术领域，没什么经验。而我，本来是招JAVA进的公司，后来JAVA、JS、Python写了个遍，emmm... 没事，反正技多不压身 ^\_^），这种方式稳定且快，但是用Python编写解析脚本的时候你就知道进行调试有多烦，虽然可以用PyQuery或者BeautifulSoup这种解析库，但是还是不如写JS脚本在浏览器里调试来得舒服。

# 进入爬虫主题 #

要爬取的官网：https://www.jcairlines.com

接口地址：https://www.jcairlines.com/TicketSale/FlightQuery/QuerySeat

目标：根据参数爬取对应的航班信息

## 请求信息： ##

![e20dcdf945c6048ea3b42b96cef989c6.png][]

## 响应结果： ##

![5b10a33a74ae3756f3317ae9248bd4e2.png][]

## 接口测试 ##

从上面的第一张图可以看到有一个类似加密过的参数：HashCode，而其他的都是根据需要进行直接填充

{"DepartureIataCode":"TPE","ArrivalIataCode":"PNH","FlightDate":"2018-08-24","RouteIndex":"0","TravelType":"OW","HashCode":"8b112088f6966ea42507d0daff86a1d1"}

下面将这个请求的完整信息放到Postman中跑一下，看看结果：

![e4eb1f395cb2d0b18076505347174269.png][]

可以看到是没有问题的,能拿到结果，下面我们准备把HashCode去掉再请求一遍

![a9c0a467a7e096860dc9ba861e2eee26.png][]

### emmm... 直接不响应！！！ ###

### 好吧，搞定这个问题就需要破解这个加密参数是怎么来的 ###

# 正式破解 #

【逆向思维】这个肯定是Ajax请求之前生成的,那就用关键字找这个Ajax请求， 在Chrome中开发者模式，找到这网站的所有Source

![c4a998dc9c771a41077b5f91cfab00b4.png][]

【关键字】"QuerySeat" 一大堆js文件一个一个找吧，运气很好，第一个就是，可以清楚的看到“POST”一词，那这一定就是一个Ajax请求咯，这里有一个技巧，一般情况下，服务器会对静态资源进行压缩，所以需要format才能看个大概

![aa2608ce72d8db774f96a4cd25e43e68.png][]

![6ccd157f59fac97c09d2f5d896adb1db.png][]

这样可以阅读代码了，然后轻松找到设置HashCode的地方，然后打一个断点，随便查一条航线的数据，如下图。

![5aa89614b35d69e0daf1d11951c4114e.png][]

单步执行走到这一步，有些眉目了，执行到了encode指向的匿名函数这，里面代码看似应该是各种加密函数，不用读懂它，因为目标只是执行它，得到相应的结果就行了

![e36689d9e07fe11cbb984f8c670b64cb.png][]

继续单步：

![f7ef874635b3e8e5adc7a58b63a86e57.png][]

继续...

![7e6b7adf8a2244088abf46c6c2cc1c1d.png][]

上图中重要的源码：

return e = OOO0.excess.indexOf("Chrome") >= 0 ? "cv3sdf@#$f3" : OOO0.excess.indexOf("Firefox") >= 0 ? "df23Sc@sS" : "vdf@s4df9sd@s2"

返回到上层，没错和我想的一样，当前浏览器是Chrome，返回的是 cv3sdf@\#$f3

![81a33f19c26029f633dcba3df6860607.png][]

继续...

![5aa256aa05fb905bf3d76b42124862e5.png][]

继续...

![ca3db2795097ad09c5125fed1082dc69.png][]

继续...

![a06259b97b401e29b85df8a7c95de110.png][]

最终找到了这个匿名函数，复制encode所指向的函数，然后随便取一个名字，方便调用，另外，在另一个窗口中打开Console粘贴代码，如下图：

![189518770a893fdbf10ca7c2957eb6ff.png][]

调用...(报错了)

![0c8e1d830b239a871d8c533915eb4043.png][]

替换成对应的字符串继续...

![85dc13e109c069d35d311cd5c8736a3e.png][]

### 重新调用注入到Console 的encode函数，调用，得到结果！！！ ###

![bee22784db0e1a88e6e5fea568e2ddbc.png][]

### 对比最开始用Postman请求的地方，结果也一致！！！ ###

还没有完，这里只是得到了js脚本，所以还需嵌入到Python代码中使用，常规方式有两种：使用Python第三方类库js2py和PyV8这两个都是能都执行js的Python类库，但是我还是推荐使用js2py,因为PyV8安装十分繁琐，具体使用我就不再赘述，网上有很多的教程和Case。

最后需要交代的：“sfei\#@%%”这的到底是哪来的，也没有寻根，我就直接告诉答案，其实这个值就在当前的网页中，是一个js变量，且是一个固定值，这也是我不想寻根的原因，意义不大。另外在使用http爬虫的时候headers里面的内容也必须和HashCode相匹配，什么意思呢，之前代码出现过通过浏览器种类，生成不同的字符串，也就是说具体HashCode是和浏览器有关，所以在构造headers时需要填写对应的User-Agent，不然服务器进行校验的时候还是不会响应的，可以猜测服务器中也有一段功能相同的代码，它根据请求参数和headers中User-Agent进行加密计算，得到HashCode以此来验证请求的HashCode是否合法。

总结

前端加密还是能够破解出来的，关键在于锁定JS加密源码位置，并且提取出有用的加密代码，只要有使用过js的同学问题都不大。还有很多小细节得注意，服务器需要对请求做进一步验证，方式其实和前端是一样的以此来判断请求是否合法，至少这个网站是如此。

*  本文作者：TheUmbra
 *  本文链接：https://blog.csdn.net/lsh19950928/article/details/81585881
 *

**如果觉得这篇文章还不错** **点击下面卡片关注我**

**来个【分享、点赞、在看】三连支持一下吧![c87a22e0ec3ebe05adbbe834ac4d90b6.png][]**

![2f0b28093b7719a8c3118182c23e35d2.png][]

**“分享、点赞、在看” 支持一波** ![58b54a693ad8f4706d3cc3229f94e6d7.png][]

[e20dcdf945c6048ea3b42b96cef989c6.png]: /images/20220829/07b792783b424b008868413b1176b9bd.png
[5b10a33a74ae3756f3317ae9248bd4e2.png]: /images/20220829/26b25842de9f45f3ba5466a18a8fa661.png
[e4eb1f395cb2d0b18076505347174269.png]: /images/20220829/8eb3106900dd422699de9585cc18fb9a.png
[a9c0a467a7e096860dc9ba861e2eee26.png]: /images/20220829/652b4813ef774a598c71ef057edb69c6.png
[c4a998dc9c771a41077b5f91cfab00b4.png]: /images/20220829/682d6db094174c41a8cdefbebcf0620d.png
[aa2608ce72d8db774f96a4cd25e43e68.png]: /images/20220829/0073073f44b04e439f992af5965ccbc6.png
[6ccd157f59fac97c09d2f5d896adb1db.png]: /images/20220829/9e9645fdc147405490e4f618c72455c3.png
[5aa89614b35d69e0daf1d11951c4114e.png]: /images/20220829/60dce3fbec5c46af97cea3fe2e920298.png
[e36689d9e07fe11cbb984f8c670b64cb.png]: /images/20220829/b3534e1c462b4962a2f015ad692bc519.png
[f7ef874635b3e8e5adc7a58b63a86e57.png]: /images/20220829/d3804ef102ef45ddba84da6c1cd58328.png
[7e6b7adf8a2244088abf46c6c2cc1c1d.png]: /images/20220829/8f07ea0ad42e4f88b84274383f304cf9.png
[81a33f19c26029f633dcba3df6860607.png]: /images/20220829/7f1a347c3227432982c029a732f7c72b.png
[5aa256aa05fb905bf3d76b42124862e5.png]: /images/20220829/8ecb80016612485fa5c0164d77b0b550.png
[ca3db2795097ad09c5125fed1082dc69.png]: /images/20220829/6abc7e480b95467090a695086c4d856d.png
[a06259b97b401e29b85df8a7c95de110.png]: /images/20220829/e6835d912083426d809c5164222c0f4e.png
[189518770a893fdbf10ca7c2957eb6ff.png]: /images/20220829/f97d6a7c51be48958952369d06ce4418.png
[0c8e1d830b239a871d8c533915eb4043.png]: /images/20220829/8b913b09a491463d90c7647efb19e9ce.png
[85dc13e109c069d35d311cd5c8736a3e.png]: /images/20220829/b64b8488fe84489faa9bcab377b9c323.png
[bee22784db0e1a88e6e5fea568e2ddbc.png]: /images/20220829/ecb3ea0117d8496aa9fb2ad95d273ae4.png
[c87a22e0ec3ebe05adbbe834ac4d90b6.png]: /images/20220829/a26b320477bd464f9dcff344fc8cddb4.png
[2f0b28093b7719a8c3118182c23e35d2.png]: /images/20220829/e0fbc0fd2823424783a378103d31481b.png
[58b54a693ad8f4706d3cc3229f94e6d7.png]: /images/20220829/4371611663bb46009d6f1be43314f324.png