摘要:要求安装一台后的安卓手机或者装有可以打开微信小程序的安卓模拟器一个敢于折腾的耐心看起来很简单的样子准备安装反编译工具推荐方法一你可以通过将它存在本地将工具放在需要的目录内例如。失败网易的也是安卓模拟器,但是经过实践,居然不支持微信小程序。
偶然有需求了解别人的小程序实现方法,网上相关资料很多,顺便了解了一下,做个总结,没啥技术含量,分享出来。要求
安装Nodejs
一台root后的安卓手机或者装有可以打开微信小程序的安卓模拟器
一个敢于折腾的耐心
看起来很简单的样子准备 安装反编译工具
【推荐】方法一:你可以通过git clone将它存在本地
git clone https://github.com/qwerty472123/wxappUnpacker.git
将工具放在需要的目录内(例如wxappUnpacker)。
方法二:也可以直接下载这个工具包,点击下载,并解压出来。
接着在该项目内执行:
npm install esprima css-tree cssbeautify vm2 uglify-es js-beautify escodegen
安装完项目依赖后开始进行最复杂的操作,提取小程序包。
提取微信小程序文件包此时你有两个选择:通过安卓虚拟机获取,用你已经root的安卓机操作。
安卓虚拟机如果你是Windows,这就好说了。
【推荐】选择夜神模拟器下载并安装。
【似乎不太好用】我已经实践过了,这里有破解版的模拟器:Genymotion v2.12.2破解版。但是你要注册一个账号来添加虚拟设备,进行安装。安装完成后就可以启动了。
【失败】网易的Mumu也是安卓模拟器,但是经过实践,居然不支持微信小程序。
如果你是MacOS
上面提到的Genymotion也是支持MacOS的,不过还是很麻烦。
Mumu似乎不错,结果上面提到了,MacOS下也是打不开微信小程序的。
结论:请自行尝试Genymotion模拟,或者找其他我还没发现的模拟器。
已Root安卓手机你用有一台牛逼闪闪的安卓手机,但是大部分手机不允许root的,或者说root也是非常复杂的,所以如果你不懂得如何root,请考虑使用安卓虚拟机!
如果你优秀的root过了,这里又有两个方案:
【风险极高】粗暴的下载一个root explorer破解版,并授权root权限!
【推荐】从谷歌商店或者可靠的应用市场下载Root Explorer,土豪请付款购买,好像不到6美元,我这里尝试了一下ES文件浏览器也可以,所以接下来下载它并安装好。
看到这里,我当你已经拥有了一台可以登录微信、安装了文件管理工具、并给它授予最高权限的安卓手机了!
提取文件打开微信,登录微信账号。
打开一个小程序,让他正确加载显示后就可以关闭了(这个时候小程序的包已经报留在你的手机某个位置了)。
打开文件管理工具(模拟器终会提示root,真机请手动授权root权限),访问这个路径根目录(非存储) > data > data > com.tencent.mm > MicroMsg > 9f69************ad8d(类似这样的标识你所登录的账号的目录) > appBrand > pkg,可以看到类似下面这样的文件:
_46541548_7.wxapkg
_-529198367_190.wxapkg
*.wxapkg
如果不多的话将他们打包成zip,发送给微信朋友或者其他方法上传到网络硬盘。
再到电脑上把刚接收的或者上传的zip下载到电脑上,解压出来。
此时,文件就拿到了。
反编译进入工具目录wxappUnpacker,建一个文件夹,比如pkg,将刚才拿到的文件放在这里。
假设,我要尝试反编译这个文件_46541548_7.wxapkg,执行命令:
node wuWxapkg.js ./pkg/_46541548_7.wxapkg
顺利的话会生成一个同名的目录。打开这个目录就能看到了。
异常程序出问题,工具出问题,代码有BUG,再常见不过了。以下几个异常,你也许也发生过,可能不明白,我把我遇到的异常理解分享一下:
未安装成功工具依赖的模块
Error: Cannot find module "uglify-es" at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15) at Function.Module._load (internal/modules/cjs/loader.js:507:25) at Module.require (internal/modules/cjs/loader.js:637:17) at require (internal/modules/cjs/helpers.js:22:18) at Object.(/Users/whidy/webs/wxappUnpacker/wuJs.js:3:16) at Module._compile (internal/modules/cjs/loader.js:689:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10) at Module.load (internal/modules/cjs/loader.js:599:32) at tryModuleLoad (internal/modules/cjs/loader.js:538:12) at Function.Module._load (internal/modules/cjs/loader.js:530:3)
那就是你没装好依赖,再执行一次npm run uglify-es。
未识别的包
... Saving files... Unpack done. /Users/whidy/webs/wxappUnpacker/wuWxapkg.js:104 }else throw Error("This package is unrecognizable. May be this package is a subPackage which should be unpacked with -s=. Otherwise, please decrypted every type of file by hand.") ^ Error: This package is unrecognizable. May be this package is a subPackage which should be unpacked with -s= . Otherwise, please decrypted every type of file by hand. at Array.packDone (/Users/whidy/webs/wxappUnpacker/wuWxapkg.js:104:14) at CntEvent.decount (/Users/whidy/webs/wxappUnpacker/wuLib.js:17:43) at ioLimit.runWithCb.err (/Users/whidy/webs/wxappUnpacker/wuLib.js:73:11) at agent (/Users/whidy/webs/wxappUnpacker/wuLib.js:54:14) at FSReqWrap.oncomplete (fs.js:141:20)
好像挺顺利,东西也出来了,可是最后还是报错了,推断是包内有包,子包解压失败。有关更多可以阅读:https://github.com/qwerty4721...
未定义的$gwx
Saving files... Unpack done. /Users/whidy/webs/wxappUnpacker/wuWxapkg.js:104 }else throw Error("This package is unrecognizable. May be this package is a subPackage which should be unpacked with -s=. Otherwise, please decrypted every type of file by hand.") ^ Error: This package is unrecognizable. May be this package is a subPackage which should be unpacked with -s= . Otherwise, please decrypted every type of file by hand. at Array.packDone (/Users/whidy/webs/wxappUnpacker/wuWxapkg.js:104:14) at CntEvent.decount (/Users/whidy/webs/wxappUnpacker/wuLib.js:17:43) at ioLimit.runWithCb.err (/Users/whidy/webs/wxappUnpacker/wuLib.js:73:11) at agent (/Users/whidy/webs/wxappUnpacker/wuLib.js:54:14) at FSReqWrap.oncomplete (fs.js:141:20)
这个就要修改一下工具源码了,打开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](); } }
改成新的:
function runVM(name,code){ let wxAppCode={},handle={cssFile:name}; let gg = new GwxCfg(); let tsandbox ={$gwx:GwxCfg.prototype["$gwx"],__mainPageFrameReady__:GwxCfg.prototype["$gwx"],__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](); } }
再重新跑一次,Bingo!万事大吉。
总结总的来说,这个操作还是比较容易的,最大的难点就是想办法提出文件了。工具别人写好了,有问题,Issue上面的解决方案很多,很快就能解决。
想要实现更多,也可以参考工具的说明文档通过不同的命令操作。
当然,小程序缓存到本地是迫不得已的,为了提高加载速度嘛。这个东西,微信官方大概已经知道了,我想可能也会封堵吧。这个微信官方或许也只是单纯打包了一下,所以就比较容易破解,如果他加壳,加密的话,或许以后就难了。
这也让我想起很多年前,我也搞过类似的事情,大约8年前玩安卓手机的时候,解锁Bootload,开启Root来自个性化手机几乎满天都是,大把一键root,一键解锁工具,因此那时候安卓手机安全性很低,小白用户不懂,一不小心就中毒群发小广告。
那时候也流行Wifi万能钥匙,流量很贵的啦,我经常蹭了网,再去系统目录找到那个存放wifi的配置文件来查看别人家的Wifi密码。然后再用这个密码尝试admin/密码,看看路由啥的,不过我没搞过破坏的。
好了,大家如果还有不明白的,可以留言,我有空再分析一下这个工具的实现方式,也顺便尝试一下其他小程序(SWAN,头条,支付宝等),是否也是类似的,等有了结论再来一篇了~
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/14828.html
摘要:各大手机厂商意识到了危机,于是八大厂商联合起来推出了快应用,意图从微信小程序的围剿中杀出一条血路。而且用户是否愿意放弃都在使用的微信,而转入投入未知的快应用,也是一个问题。 因为微信的普及,微信小程序得到极大的推广,从刚开始的受人诟病,到如今的每个公司人手一个微信小程序。各大手机厂商意识到了危机,于是八大厂商联合起来推出了快应用,意图从微信小程序的围剿中杀出一条血路。这里就是我...
摘要:调用优先级安卓原生三星魅族靠谱的唯一设备号生成方案掘金应用开发中有时候也许会获取设备的唯一标识。必须要会的基本使用及常用命令操作工具资源掘金之前一直用的,后来换了之后才发现的强大功能,是不能比的。 通过 Weex 300 行代码开发一款简易的跑步 App - 前端 - 掘金一套构建高性能、可扩展的原生应用的跨平台开发方案 Weex 给大家带来的无疑是客户端开发效率的提升,我们可以通过一...
摘要:文章来自微信公众号前端工坊,不定期更新有趣好玩的前端相关原创技术文章。快应用和微信小程序的区别开发环境快应用需要自行安装配置一系列环境及调试工具,而小程序只需一个开发者工具即可,这一点小程序胜。 文章来自微信公众号:前端工坊(fe_workshop),不定期更新有趣、好玩的前端相关原创技术文章。如果喜欢,请关注公众号:前端工坊版权归公众号所有,转载请注明出处。 作者: xdooi sh...
摘要:文章来自微信公众号前端工坊,不定期更新有趣好玩的前端相关原创技术文章。快应用和微信小程序的区别开发环境快应用需要自行安装配置一系列环境及调试工具,而小程序只需一个开发者工具即可,这一点小程序胜。 文章来自微信公众号:前端工坊(fe_workshop),不定期更新有趣、好玩的前端相关原创技术文章。如果喜欢,请关注公众号:前端工坊版权归公众号所有,转载请注明出处。 作者: xdooi sh...
摘要:当时下载了一个,下载了官方提供的示例教程。关于项目目录开发规范一定要遵守,直接通过官网学习即可。最后就是发布安卓包和苹果包了。我将自己做的第一个新闻列表新闻详情程序打包,安装到了安卓手机上测试了下,效果非常棒。 本人微信公众号:前端修炼之路,欢迎关注 背景介绍 大概在今年的十月份左右,我了解到Dcloud推出了uni-app。当时下载了一个Hbuilder X,下载了官方提供的hell...
阅读 1664·2023-04-26 02:46
阅读 1836·2021-11-25 09:43
阅读 2232·2021-11-11 16:54
阅读 953·2021-09-29 09:35
阅读 1880·2019-08-30 15:56
阅读 3211·2019-08-30 15:54
阅读 2459·2019-08-29 16:35
阅读 2965·2019-08-29 15:25