wechat-app-unpack
微信小程序解包心得
思路、源码：http://lrdcq.com/me/read.php/66.htm
解包工具：
Python2版本：https://gist.github.com/feix/32ab8f0dfe99aa8efa84f81ed68a0f3e
Python3版本：https://gist.github.com/Integ/bcac5c21de5ea35b63b3db2c725f07ad
PHP版本：https://github.com/Clarence-pan/unpack-wxapkg
JAVA版本：https://github.com/moqi2011/unweapp
nodejs版本：https://github.com/thedreamwork/unwxapkg
Kaitai Struct版本：https://github.com/coolzilj/kaitai_struct_format_for_wxapkg
目前分析如下:
目录
-\pages 每个页面的wxss样式文件
-app-config.json 页面配置的汇总（app.json+各个页面的配置文件）
-app-service.js 源码js的汇总
-page-frame.html wxml文件的汇总
app-config.json
{
"page":{ //各页面配置
"pages/index/index.html":{ //页面地址
"window":{"navigationBarTitleText":""} //页面配置
}
...
},
"entryPagePath":"pages/index/index.html", //小程序入口地址
"pages":["pages/index/index"], //页面列表
"global":{ //全局页面配置
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor":"#0a83b1",
"navigationBarTitleText":"",
"navigationBarTextStyle":"#fff"
}
}
}
中文<->16进制在线互转：
https://www.bejson.com/convert/ox2str/
app-service.json
var __wxAppData = {};
var __wxRoute;
var __wxRouteBegin;
var global = {};
//一些第三方的js源码(所以不同小程序一般都不一样)
define(
"utils/util.js",
function(require, module, exports, window,document,frames,self,location,navigator,localStorage,history,Caches,screen,alert,confirm,prompt,XMLHttpRequest,WebSocket,Reporter,webkit,WeixinJSCore){
...
});
define(
"app.js",
function(require, module, exports, window,document,frames,self,location,navigator,localStorage,history,Caches,screen,alert,confirm,prompt,XMLHttpRequest,WebSocket,Reporter,webkit,WeixinJSCore){
...
});
require("app.js");
...
//每个页面对应的js源码
__wxRoute = 'pages/index/index';//页面路由地址
__wxRouteBegin = true;
define(
"pages/index/index.js", //js地址
function(require, module, exports, window,document,frames,self,location,navigator,localStorage,history,Caches,screen,alert,confirm,prompt,XMLHttpRequest,WebSocket,Reporter,webkit,WeixinJSCore){
//js源码
});
require("pages/index/index.js");
...
page-frame.html
2018-01-27更新：由于还原总是不那么完美，便重新写了一个wxml分析器(在wxmlana中)，可以用于对照混淆代码和还原后的代码（感谢q群[211691897]中各位大佬的帮忙）
2018-01-31更新：由于安全问题，以后不再提供wxml分析器的源码，稍晚时间会提供在线版的分析器供大家使用
目前分析器理论上支持以下几个版本：
v0.6vv_20170214_fbi
v0.6vv_20170919_fbi_wxs
v0.6vv_20171120_cua_xc
v0.6vv_20171201_cua_xc
v0.6vv_20171208_cua_xc
v0.6vv_20180104_fbi
v0.6vv_20180111_fbi
目前我分析了一小部分代码，写了个解析器，可以手动一个页面一个页面还原出wxml源码，但还无法解析变量（就是{{}}这一类的）
2018-01-04更新：可以解析单变量形式（如{{index}}），但表达式形式的还无法解析
2018-01-04更新：可以解析单变量形式（如{{index}}）、表达式形式（如{{count?1:2}}）
2018-01-04更新：可以解析block以及wx:for、wx:key
2018-01-09更新：修复部分bug，template模板组件还无法解析
2018-01-09更新：想到一个新思路还原源码，不再需要手动拷贝代码出来，防止变量丢失
2018-01-10更新：通过多人探讨发现，不同小程序可能由于编译上线时间不同，其中的函数及变量也发生了变化，目前analysis.js中的函数仅支持替换page-frame.html中版本为：
window.__wcc_version__ = 'v0.6vv_20170905_fbi_wxs'
如有其他版本的请将版本号以及对应的小程序名称发至Issues中，我会抽时间来研究
打开page-frame.html，将文件夹（wxmlana）下的ana.js引入
<script src="ana.js"></script>
打开文件夹（wxmlana）下的analysis.js，按照对应的函数名称，替换page-frame.html中的函数
//原page-frame.html中的名称：
function _v(k) {...}
function _n(tag){...}
function $gwrt(should_pass_type_info){...}
function wfor(to_iter, func, env, _s, global, father, itemname, indexname, keyname, o){...}
if (path && e_[path]) {...}
注释掉page-frame.html中的 nf_init() ：
...
//nf_init();
...
在chrome中打开page-frame.html，在控制台（console）中输入：
//解析单个wxml
$gwx("...wxml地址...")(); //例如$gwx("./page/API/index.wxml")();
//解析所有wxml
$gwx("ana")()
即可获得源码
已知问题
1.template模块组件会被自动加载进源码中
2.会无视带有 wx:if 的组件，但其子组件还是会被还原出来的