[toc]
摘要
安裝wxappUnpacker小程序反編譯工具并使用（2020.03）
關(guān)鍵詞: 微信小程序反編譯 wxss
介紹
上次分享了web前端爬取工具 ，那么這次也同樣講講微信小程序反編譯吧，對于像博主這種審美奇低且前端技術(shù)渣渣的人來說，實在是利器呀。不過盡量只是反編譯來學(xué)習(xí)研究啦！
安裝反編譯腳本
首先，得先了解下怎么安裝,內(nèi)容過長，我就不Ctrl CV了(主要是安裝簡單，成功并且完美地編譯難)
完美地反編譯出來難就難在微信小程序一直更新，但是編譯工具又是舊的
First,終于成功了，分享一波超詳細(xì)小程序源碼獲取方法——圖文!
如果想省事，安裝nodejs之后直接下載下面的鏈接的文件替換掉你的反編譯工具：
https://gitee.com/Sao-operation/wxappUnpacker/repository/archive/master.zip
如果你只是樣式編譯出問題了（就是page的wxss都是空白的），那么
- 修改wxappUnpacker文件中的
wuWxss.js
function runVM(name, code) {
// let wxAppCode = {}, handle = {cssFile: name};
// let vm = new VM({
// sandbox: Object.assign(new GwxCfg(), {
// __wxAppCode__: wxAppCode,
// setCssToHead: cssRebuild.bind(handle)
// })
// });
// vm.run(code);
// for (let name in wxAppCode) if (name.endsWith(".wxss")) {
// handle.cssFile = path.resolve(frameName, "..", name);
// wxAppCode[name]();
// }
let wxAppCode = {};
let handle = {cssFile: name};
let gg = new GwxCfg();
let tsandbox = {
$gwx: GwxCfg.prototype["$gwx"],
__mainPageFrameReady__: GwxCfg.prototype["$gwx"], //解決 $gwx is not defined
__vd_version_info__: GwxCfg.prototype["$gwx"], //解決 __vd_version_info__ is not defined
__wxAppCode__: wxAppCode,
setCssToHead: cssRebuild.bind(handle)
}
let vm = new VM({sandbox: tsandbox});
vm.run(code);
for (let name in wxAppCode) {
if (name.endsWith(".wxss")) {
handle.cssFile = path.resolve(frameName, "..", name);
wxAppCode[name]();
}
}
}
使用
獲取wxapkg文件
-
安裝夜深模擬器（但是這里有個問題，夜深模擬器可能用不了，我只記得是多開器里開一個新的才行，而且以后每次使用都得切換成那個新的）
<center><img src="https://auto2dev.coding.net/p/ImageHostingService/d/ImageHostingService/git/raw/master/blog/FrontEnd/e09793ce1f6c1e1b7df8ee715ffe644.png" width="50%" /></center>
打開夜深模擬器登錄微信，點擊需要學(xué)(piao)習(xí)(qie)的微信小程序
-
打開RE文件管理器（沒有的話就先安裝吧）,到如下目錄,打開這個看著名字是十六進(jìn)制且很長的文件夾（每個人的會不一樣）
<center><img src="https://auto2dev.coding.net/p/ImageHostingService/d/ImageHostingService/git/raw/master/blog/FrontEnd/ee216cc30578465e21856c8e9129287.png" width="50%" /></center>
-
進(jìn)入如下目錄，選擇wxapkg文件（注意日期，例如紅線部分意為6月17日）
<center><img src="https://auto2dev.coding.net/p/ImageHostingService/d/ImageHostingService/git/raw/master/blog/FrontEnd/915a490aff677433a5788b2c0eca4ef.png" width="100%" /></center>
想辦法把wxapkg文件從夜深模擬器里發(fā)送到你的能找到到電腦文件夾里吧
反編譯
-
第一步
打開nodejs
跳轉(zhuǎn)到反編譯腳本的目錄，例如反編譯腳本呢放在D盤，且反編譯腳本文件夾名為”wxappUnpacker“，如果是Windows系統(tǒng)( 如果是Linux去掉下面那個蛋疼的 /d)，則在node.js command pormpt輸入：
cd/d D:\wxappUnpacker或
cd D:\wxappUnpacker cd D: -
第二步
跳轉(zhuǎn)到反編譯腳本的根目錄之后，在電腦文件夾里找到wxapkg文件，例如wxapkg文件放在D盤，且文件名為_000000_1.wxapkg，則在node.js command pormpt輸入：node wuWxapkg.js -d D:\_000000_1.wxapkg再回車
第三步
最后去找和.wxapkg文件相同路徑下的同名文件夾，該文件用微信開發(fā)者工具打開即可。
結(jié)論
反編譯...真香（我這是饞他的代碼嗎，我這是在學(xué)習(xí)研究）
參考資料
終于成功了，分享一波超詳細(xì)小程序源碼獲取方法——圖文：順毛驢_dedc
反編譯微信小程序錯誤: $gwx is not defined和vd_version_info is not defined 已解決
