當(dāng)前位置：首頁 > 前端技术 > javascript >内容正文

javascript

【JavaScript 逆向】webpack 之某妹游戏登录逆向

發(fā)布時間：2023/12/18 javascript 29 豆豆

生活随笔收集整理的這篇文章主要介紹了【JavaScript 逆向】webpack 之某妹游戏登录逆向小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

前言

????????現(xiàn)在一些網(wǎng)站對 JavaScript 代碼采取了一定的保護(hù)措施，比如變量名混淆、執(zhí)行邏輯混淆、反調(diào)試、核心邏輯加密等，有的還對數(shù)據(jù)接口進(jìn)行了加密，本次的案例為 RSA 加密。

? ? ? ? RSA 是非對稱加密，區(qū)分公鑰和私鑰，RSA 算法是目前理論和實際應(yīng)用中最為成熟的和完善的公鑰密碼體制，其用來解決對稱密碼的密鑰分發(fā)問題，還可以用來進(jìn)行數(shù)字簽名來保證信息的否定與抵賴，利用數(shù)字簽名較容易發(fā)現(xiàn)攻擊者對信息的非法篡改以保證信息的完整性。

聲明

????????本文章中所有內(nèi)容僅供學(xué)習(xí)交流，相關(guān)鏈接做了脫敏處理，若有侵權(quán)，請聯(lián)系我立即刪除！

Webpack

????????webpack 是 JavaScript 應(yīng)用程序的模塊打包器，可以把開發(fā)中的所有資源（圖片、js文件、css文件等）都看成模塊，通過 loader（加載器）和 plugins（插件）對資源進(jìn)行處理，打包成符合生產(chǎn)環(huán)境部署的前端資源，所有的資源都是通過 JavaScript 渲染出來的，目前 Vue，React 等前端項目，基本上都是基于 webpack 進(jìn)行工程化開發(fā)的。

? ? ? ? 一般通過 webpack 打包的 JavaScript 文件都為一整個自執(zhí)行函數(shù)，以下為一類自執(zhí)行函數(shù)，函數(shù)前面加上一元操作符，后面加上括號，一般自執(zhí)行函數(shù)最后都是括號：

!function () {console.log("Yy_Rose") }();

webpack 類型的基本結(jié)構(gòu)

第一種類型：

// 模塊為 Object 形式, 元素為函數(shù)對象 !function('參數(shù)'){'加載器'}({'模塊'});

本文案例即為此種類型，function e( ) 函數(shù)體即為加載器，并包含 call( ) 方法：

第二種類型：?

// 模塊以數(shù)組形式存儲, 數(shù)組中的每個元素都是函數(shù) !function('參數(shù)'){'加載器'}(['模塊']);

將上述代碼樣例進(jìn)行改寫，即為第二種類型：

!function(t) {// 加載器function e(s) {......}...... }([// 模塊function(){console.log('Yy_Rose')},......function(){console.log('Yy_Rose')}, ]);

案例目標(biāo)

網(wǎng)址：

aHR0cHM6Ly93d3cuZ205OS5jb20v

登錄接口：

aHR0cHM6Ly9wYXNzcG9ydC5nbTk5LmNvbS9sb2dpbi9sb2dpbjM=

以上均做了脫敏處理，Base64 編碼及解碼方式：

import base64 # 編碼 # result = base64.b64encode('待編碼字符串'.encode('utf-8')) # 解碼 result = base64.b64decode('待解碼字符串'.encode('utf-8')) print(result)

常規(guī) JavaScript 逆向思路

一般情況下，JavaScript 逆向分為三步：

尋找入口：逆向在大部分情況下就是找一些加密參數(shù)到底是怎么來的，關(guān)鍵邏輯可能寫在某個關(guān)鍵的方法或者隱藏在某個關(guān)鍵的變量里，一個網(wǎng)站可能加載了很多 JavaScript 文件，如何從這么多的 JavaScript 文件的代碼行中找到關(guān)鍵的位置，很重要；

調(diào)試分析：找到入口后，我們定位到某個參數(shù)可能是在某個方法中執(zhí)行的了，那么里面的邏輯是怎么樣的，調(diào)用了多少加密算法，經(jīng)過了多少賦值變換，需要把整體思路整理清楚，以便于斷點或反混淆工具等進(jìn)行調(diào)試分析；

模擬執(zhí)行：經(jīng)過調(diào)試分析后，差不多弄清了邏輯，就需要對加密過程進(jìn)行邏輯復(fù)現(xiàn)，以拿到最后我們想要的數(shù)據(jù)

接下來開始正式進(jìn)行案例分析：

尋找入口

????????打開開發(fā)者人員工具進(jìn)行抓包，隨便輸入一串賬戶名和密碼，輸入驗證碼后點擊登錄，會有如圖所示的報錯彈窗，在抓包到的 login3 鏈接的響應(yīng)預(yù)覽中能看到一樣的報錯信息，此處即為登錄接口位置：

????????觀察其請求頭中的數(shù)據(jù)信息，為 GET 請求，在 Query String Parameters 中返回了一些 JSON 格式的響應(yīng)數(shù)據(jù)，通過對比分析可知各關(guān)鍵參數(shù)的含義：

uname：明文用戶名
password：加密密碼
ckcode：明文驗證碼
_：當(dāng)前時間戳

調(diào)試分析

尋找加密位置

? ? ? ? ? 根據(jù)上文所述，密碼 password 經(jīng)過加密，現(xiàn)對其逆向分析，這里直接全局搜索 password 關(guān)鍵字，可以看到有如下幾個結(jié)果：

通過分析可知加密位置在?home.min.js?文件中，點擊進(jìn)入該 JS 文件，會發(fā)現(xiàn)被壓縮了，為了便于查看點擊左下角的 { } 進(jìn)行格式化操作，接著 CTRL + F 局部搜索 password，會發(fā)現(xiàn)有 83 個結(jié)果，這么多不便于查找分析，由于 password 是 JSON 格式的數(shù)據(jù)，所以可以直接搜索 password:?，搜索結(jié)果減少到了 14 個，大大降低了查找的工作量：

打斷點調(diào)試分析，password 加密后的值在該文件的第 178 行生成，該值由參數(shù) o 傳遞：?

進(jìn)一步跟進(jìn)參數(shù) o 定義的位置，發(fā)現(xiàn)其在第 168 行定義：

var o = a.encode(t.password, s)

可以在第 168 行打下斷點進(jìn)行調(diào)試，也可以直接在控制臺打印出各部分含義，如下圖可知：

a.encode(t.password, s)：輸入的密碼加密后的結(jié)果
t.password：輸入的明文密碼
s：當(dāng)前時間戳

所以參數(shù) o 即為明文密碼加當(dāng)前時間戳后加密的結(jié)果，接下來進(jìn)一步跟進(jìn)到其 encode 加密位置，鼠標(biāo)整體選中?a.encode，跟進(jìn)到 home.min.js?v=IKPeng:formatted:592?中，即該文件的第 592 行：

以下即為關(guān)鍵的加密位置：

關(guān)鍵加密代碼分析

如上圖所示，第 588、589 行能看到兩個明顯的加密特征：

JSEncrypt：JavaScript 中加密模塊之一，為 RSA 加密算法提供支持
setPublicKey：設(shè)置公鑰

所以可以推斷，返回的響應(yīng)參數(shù)中 password 的值經(jīng)過了 RSA 加密，以下進(jìn)一步加密部分進(jìn)行分析：

n.prototype.encode = function(t, e) {var i = e ? e + "|" + t : t;return encodeURIComponent(this.jsencrypt.encrypt(i))}

t：輸入的明文密碼
e：當(dāng)前的時間戳
i：將 e 和 t 通過 | 拼接后的結(jié)果
this.jsencrypt.encrypt(i)：將 i 進(jìn)行 RSA 加密
encodeURIComponent( )：對 URL 中的某個參數(shù)進(jìn)行編碼?

模擬執(zhí)行

這里通過兩種方式，對加密位置模擬執(zhí)行以的到加密后的 password 參數(shù)的值：

1. Node.js 引入?JSEncrypt 加密模塊進(jìn)行加密

// 通過 require 引入 jsencrypt 加密模塊 var JSEncrypt = require('jsencrypt')function getPassword(t, e) {var jsEncrypt = new JSEncrypt();// 設(shè)置公鑰jsEncrypt.setPublicKey('MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDq04c6My441Gj0UFKgrqUhAUg+kQZeUeWSPlAU9fr4HBPDldAeqzx1UR92KJHuQh/zs1HOamE2dgX9z/2oXcJaqoRIA/FXysx+z2YlJkSk8XQLcQ8EBOkp//MZrixam7lCYpNOjadQBb2Ot0U/Ky+jF2p+Ie8gSZ7/u+Wnr5grywIDAQAB');var i = e ? e + "|" + t : t;return encodeURIComponent(jsEncrypt.encrypt(i)); }// 明文密碼 var password = "123456"; // 當(dāng)前時間戳 var timestamp = (new Date).getTime(); console.log(getPassword(password, timestamp));

2. 改寫 webpack，導(dǎo)出方法調(diào)用

本文一開始講述了 webpack 模塊化方法的基本樣式，該 JS 文件的開頭能找到加載器位置：

上文中我們找到了 password 參數(shù)的加密位置，如下圖所示，該加密位置在第 3 個模塊中，同時從第 591 行我們可以看到，變量 r 引用了第 4 個模塊中的內(nèi)容：

這里直接將模塊 3 和模塊 4 的內(nèi)容整體扣出，再將加載器 e 作為全局變量導(dǎo)出調(diào)用即可：

password 參數(shù)的逆向分析到此為止，python 模擬登錄部分代碼在此就不予提供了，關(guān)于該網(wǎng)站登錄中驗證碼的處理提供三種方式：

該網(wǎng)站驗證碼混淆不嚴(yán)重可以直接通過 OpenCV 庫進(jìn)行識別
通過驗證碼圖片的接口 verify_image 將驗證碼保存到本地，然后通過?Image 庫打開本地圖片并通過 show() 方法展示出來，最后 input 手動輸入即可
打碼平臺

總結(jié)

????????以上是對某妹游戲網(wǎng)登錄的逆向分析，以及對 webpack 的改寫調(diào)用，如有任何見解歡迎評論區(qū)或私信指正交流~? ?

總結(jié)

以上是生活随笔為你收集整理的【JavaScript 逆向】webpack 之某妹游戏登录逆向的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

3atv精品不卡视频,97人人超碰国产精品最新,中文字幕av一区二区三区人妻少妇,久久久精品波多野结衣,日韩一区二区三区精品

javascript

【JavaScript 逆向】webpack 之某妹游戏登录逆向

前言

聲明

Webpack

webpack 類型的基本結(jié)構(gòu)

案例目標(biāo)

常規(guī) JavaScript 逆向思路

尋找入口

調(diào)試分析

尋找加密位置

關(guān)鍵加密代碼分析

模擬執(zhí)行

1. Node.js 引入?JSEncrypt 加密模塊進(jìn)行加密

2. 改寫 webpack，導(dǎo)出方法調(diào)用

總結(jié)

總結(jié)