微信小程序反编译的实现


Posted in Javascript onDecember 10, 2020

首先声明:本文章仅供学习之用,不可它用。

一、前言

       看到人家上线的小程序的效果,纯靠推测,部分效果在绞尽脑汁后能做出大致的实现,但是有些细节,费劲全力都没能做出来。很想一窥源码?查看究竟?看看大厂的前端大神们是如何规避了小程序的各种奇葩的坑?那么赶紧来试试吧

反编译,其实还是简单的,要想拿到微信小程序源码,找到源文件在手机存放的位置就行,源文件拿到,用反编译脚本跑一下,微信小程序代码包里的所有文件、所有资源就出来了(除了project.config.json小程序配置文件)。拿到源码后,跑起来是能跑,但登录、授权等涉及到appid的功能是不能用的,因为被反编译小程序的服务端appid和你本地添加的不一样,这就是为啥拉下来的源码没有project.config.json文件的原因,项目中appid是配置在这个文件里,这里一定程度上保护原小程序。

二、所需工具

nodejs运行环境,这是反编译脚本所需运行环境。

     nodejs下载与安装:

    (1)、nodejs下载链接:https://nodejs.org/zh-cn/download/ 或者 http://nodejs.cn/download/。安装的过程一路next就可以了,安装后将nodejs设置为环境变量。

    (2)、打开cmd,测试是否安装成功,在命令行输入node -v,如下: D:>node -v   结果:v12.11.1

微信小程序反编译的实现

     2.下载反编译脚本 最新下载地址:https://github.com/gudqs7/wxappUnpacker

用cd命令进入到你clone或者下载好的反编译脚本目录下,下载好后将wxappUnpacker.zip文件解压出来,这是GitHub上一位大神的杰作,找到了这个比较好用的,其他版本也可以。

    3.夜神模拟器,地址:夜神模拟器

用来找寻微信小程序源文件,真机当然也可以,但麻烦,又是root权限,又是越狱的,夜神模拟器方便,直接在设置里就可以设置超级用户权限,超级权限拿到,就可以为所欲为了,通过下面这个RE文件管理器看到微信小程序源文件。 

    4.RE文件管理器(在模拟器内搜索安装或自动下载后导入到摸拟器安装)用来找寻微信小程序源文件。

三、编译流程

1. 安装RE文件管理器

在模拟器内安装好RE文件管理器(可以在摸拟器上直接搜索“RE文件管理器”进行安装)。 

2. 获取超级用户权限

       打开手机设置->找到超级用户->右上角三个小点点击一下,设置->点击‘超级用户访问权限',选择‘仅限于应用',这样超级用户权限就拿到了。

或者在首次打开RE文件管理器进入data文件夹时,摸拟器会显示超级用户请求,选择“永久记住选择”—>点击“允许”,即可获取超级用户权限。

微信小程序反编译的实现

3.打开需要反编译的小程序 

       打开微信,没有的在应用市场下载就行,打开想反编译的微信小程序,小程序打开后,可以切换到RE文件管理器去找源文件了。

       这里有一个机制,当点开一个微信小程序,如果本地这个文件夹下找到即将运行的小程序,会从微信服务器下载到本地,在以后的某个时刻又运行这个小程序,运行时,微信服务器会通知有没有小程序新版本,如有新版本,会在后台静默下载,小程序继续运行,新版本要到下一次运行才会启用,这就是微信小程序的更新机制。

4.获取源文件

       打开RE文件管理器,从根目录开始。/data/data/com.tencent.mm/MicroMsg/.../appbrand/pkg/,路径中有一段...,这里表示不确定具体一个,一般是很长的数字和字母组成的文件(如下图所示)

微信小程序反编译的实现

反正就在这个MicroMsg下的其中一个文件夹,紧接着会看到appbrand文件夹,如果这样那就找到位置了。

找到源文件后,长按左键 -> 点击右上角三个小点,打开菜单,选择‘压缩所选文件'->完成后,点击查看->长按,还是右上角,将压缩包从模拟器发送出来到电脑上,方式多种,随意。下图是以QQ方式发送。

微信小程序反编译的实现

微信小程序反编译的实现

5. 下载反编译文件

       从GitHub下载反编译文件后,在桌面就有了这样的文件夹结构nimi-yuan这个文件夹下这里放的是微信小程序源文件

lib这个文件夹下放的是反编译脚本 

6. 安装依赖包

cmd在终端进入到你刚刚下载下来的脚本目录下,依次安装以下依赖,全部安装完。

npm install esprima
npm install css-tree
npm install cssbeautify
npm install vm2
npm install uglify-es
npm install js-beautify

安装好依赖之后,就是最后一步了,反编译 .wxapkg 文件

例如:我有一个需要反编译的文件 _163200311_32.wxapkg 已经解压到了D盘根目录下,那么就输出命令

node .\wuWxapkg.js D:\_163200311_32.wxapkg

微信小程序反编译的实现

7.反编译完成

       用node wuWxapkg.js filepath执行成功后,查看反编译成功后的文件夹,源码中除了project.config.json这个配置文件,其他的都有。导入项目后就可以看到效果了,期间可能会出现一些问题,需要调试一下。下图是编译成功后的截图。

微信小程序反编译的实现

四、结语

       至此微信小程序的反编译过程就结束了,仅供学习之用,不可它用。由此可见微信小程序源码的安全性不好,过不久估计就不能这么干了,漏洞终究会被填补的。

到此这篇关于微信小程序反编译的实现的文章就介绍到这了,更多相关微信小程序反编译内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript 学习 - 提高篇
Feb 02 Javascript
JavaScript中:表达式和语句的区别[译]
Sep 17 Javascript
jquery each的几种常用的使用方法示例
Jan 21 Javascript
javascript实现控制的多级下拉菜单
Jul 05 Javascript
jQuery操作属性和样式详解
Apr 13 Javascript
总结JavaScript三种数据存储方式之间的区别
May 03 Javascript
ashx文件获取$.ajax()方法发送的数据
May 26 Javascript
js删除Array数组中指定元素的两种方法
Aug 03 Javascript
jquery自动补齐功能插件flexselect用法示例
Aug 06 Javascript
JavaScript中字符串的常用操作方法及特殊字符
Mar 18 Javascript
在Vue中使用HOC模式的实现
Aug 23 Javascript
js实现弹窗猜数字游戏
Nov 26 Javascript
微信小程序用户登录和登录态维护的实现
Dec 10 #Javascript
关于小程序优化的一些建议(小结)
Dec 10 #Javascript
详解vue-cli项目在IE浏览器打开报错解决方法
Dec 10 #Vue.js
echarts柱状图背景重叠组合而非并列的实现代码
Dec 10 #Javascript
javascript实现放大镜功能
Dec 09 #Javascript
Javascript实现单选框效果
Dec 09 #Javascript
javascript实现移动端轮播图
Dec 09 #Javascript
You might like
php将图片文件转换成二进制输出的方法
2015/06/10 PHP
合格的PHP程序员必备技能
2015/11/13 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
在线编辑器的实现原理(兼容IE和FireFox)
2007/03/09 Javascript
jquery 元素相对定位代码
2010/10/15 Javascript
Javascript获取窗口(容器)的大小及位置参数列举及简要说明
2012/12/09 Javascript
逻辑表达式中与或非的用法详解
2016/06/06 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
2017/02/07 Javascript
原生js仿淘宝网商品放大镜效果
2017/02/28 Javascript
vue双向绑定及观察者模式详解
2019/03/19 Javascript
Vue.extend实现挂载到实例上的方法
2019/05/01 Javascript
python算法学习之桶排序算法实例(分块排序)
2013/12/18 Python
Python单元测试框架unittest简明使用实例
2015/04/13 Python
Python中利用sorted()函数排序的简单教程
2015/04/27 Python
python字符串对其居中显示的方法
2015/07/11 Python
浅谈Python爬取网页的编码处理
2016/11/04 Python
Python实现重建二叉树的三种方法详解
2018/06/23 Python
python单例模式实例解析
2018/08/28 Python
python操作gitlab API过程解析
2019/12/27 Python
Pytorch实现各种2d卷积示例
2019/12/30 Python
python如何通过闭包实现计算器的功能
2020/02/22 Python
python中数据库like模糊查询方式
2020/03/02 Python
关于python 的legend图例,参数使用说明
2020/04/17 Python
python 实现朴素贝叶斯算法的示例
2020/09/30 Python
在Pycharm中安装Pandas库方法(简单易懂)
2021/02/20 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
全球速卖通俄罗斯站:AliExpress俄罗斯
2019/06/17 全球购物
大学军训感言
2014/01/10 职场文书
优秀毕业生找工作自荐信
2014/06/23 职场文书
供用电专业求职信
2014/07/07 职场文书
机关中层领导干部群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
2015新学期开学寄语
2015/02/26 职场文书
中秋节寄语2015
2015/03/24 职场文书
员工年度工作总结2015
2015/05/18 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS
Java中Quartz高可用定时任务快速入门
2022/04/03 Java/Android