如何俩步获取小程序前端代码

简介: 如何俩步获取小程序前端代码

1.第一步下载一个模拟器(推荐使用自带root的模拟器),我使用的是夜神模拟器


2.下载好之后,下载一个RE管理器


下载地址:https://www.yeshen.com/


image.png


3.下载一个zip的软件用来压缩文件


4.在模拟器上装上微信,使用微信访问你需要扒下来的小程序


5.然后打开第二步安装的RE管理器,进入    /data/data/com.tencent.mm/MicroMsg/{数字串}/appbrand/pkg/这个目录,可以看见wxapkg为后缀的文件,根据时间将文件压缩,并发送到你的电脑

image.png



6.将文件解压到你的电脑的目录下


7.下载node.js


nodejs下载与安装: (1)nodejs下载链接:https://nodejs.org/zh-cn/download/ 。安装的过程一路next就可以了,安装后将nodejs设置为环境变量。 (2)打开cmd,测试是否安装成功,在命令行输入node -v,如下: D:>node -v v6.10.1 (3)npm的安装,由于新版的Nodejs已经集成了npm,所以一并安装好了,在命令行中输入npm -v查看 D:>npm -v 3.10.10


image.png


8.下载反编译脚本


https://github.com/qwerty472123/wxappUnpacker


wxappUnpacker.zip


(2.01 MB)


8.安装依赖包


用cd命令进入到你clone或者下载好的反编译脚本目录下


在node命令窗口中依次安装如下依赖(依次把每条安装命令复制到命令行回车就可以):


npm install esprima


npm install css-tree


npm install cssbeautify


npm install vm2


npm install uglify-es


npm install js-beautify


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


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


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

image.png



10然后就在你放置wxapk文件里边可以找到

image.png



11.使用微信开发者工具打开这个文件即可,你就可以看到你想要的页面了


相关文章
|
8天前
|
前端开发 小程序 JavaScript
信前端里的循环显示如何编写代码?
信前端里的循环显示如何编写代码?
46 5
|
1月前
|
小程序 JavaScript Go
代码总有一个是你想要的分享63个微信小程序源
分享63个微信小程序源代码,包括电商系统、同城拼车、博客等多种应用,涵盖C#、Node.js、Golang等技术栈。每个项目附带源码和示例,适合初学者和开发者参考学习。提取码:8888,代码效果参考:http://www.603393.com/sitemap.xml。
38 2
|
1月前
|
前端开发 小程序 开发者
小程序的前端 display 有什么类型?
【9月更文挑战第4天】小程序的前端 display 有什么类型?
31 4
|
1月前
|
前端开发 小程序 开发者
小程序的前端 display 有什么类型?
【9月更文挑战第1天】小程序的前端 display 有什么类型?
20 2
|
2月前
|
缓存 前端开发 数据格式
构建前端防腐策略问题之保证组件层的代码不受到接口版本变化的问题如何解决
构建前端防腐策略问题之保证组件层的代码不受到接口版本变化的问题如何解决
|
2月前
|
JavaScript 前端开发 小程序
【技巧】JS代码这么写,前端小姐姐都会爱上你
本文介绍了JavaScript编程中的实用技巧,包括解构赋值的多种妙用、数组操作技巧及常用JS功能片段。解构赋值部分涵盖短路语法防错、深度解构及默认值赋值;数组技巧包括按条件添加数据、获取最后一个元素及使用`includes`优化`if`语句;常用功能片段则涉及URL参数解析、页面滚动回顶部及获取滚动距离等。通过这些技巧,提升代码质量和效率。
22 0
【技巧】JS代码这么写,前端小姐姐都会爱上你
|
2月前
|
前端开发 API 开发者
构建前端防腐策略问题之防腐层的核心代码实现以RxJS Observable为中心的的问题如何解决
构建前端防腐策略问题之防腐层的核心代码实现以RxJS Observable为中心的的问题如何解决
|
2月前
|
开发者 图形学 C#
深度解密:Unity游戏开发中的动画艺术——Mecanim状态机如何让游戏角色栩栩如生:从基础设置到高级状态切换的全面指南,助你打造流畅自然的游戏动画体验
【8月更文挑战第31天】Unity动画系统是游戏开发的关键部分,尤其适用于复杂角色动画。本文通过具体案例讲解Mecanim动画状态机的使用方法及原理。我们创建一个游戏角色并设计行走、奔跑和攻击动画,详细介绍动画状态机设置及脚本控制。首先导入动画资源并添加Animator组件,然后创建Animator Controller并设置状态间的转换条件。通过编写C#脚本(如PlayerMovement)控制动画状态切换,实现基于玩家输入的动画过渡。此方法不仅适用于游戏角色,还可用于任何需动态动画响应的对象,增强游戏的真实感与互动性。
59 0
|
2月前
|
Android开发 iOS开发 C#
Xamarin:用C#打造跨平台移动应用的终极利器——从零开始构建你的第一个iOS与Android通用App,体验前所未有的高效与便捷开发之旅
【8月更文挑战第31天】Xamarin 是一个强大的框架,允许开发者使用单一的 C# 代码库构建高性能的原生移动应用,支持 iOS、Android 和 Windows 平台。作为微软的一部分,Xamarin 充分利用了 .NET 框架的强大功能,提供了丰富的 API 和工具集,简化了跨平台移动应用开发。本文通过一个简单的示例应用介绍了如何使用 Xamarin.Forms 快速创建跨平台应用,包括设置开发环境、定义用户界面和实现按钮点击事件处理逻辑。这个示例展示了 Xamarin.Forms 的基本功能,帮助开发者提高开发效率并实现一致的用户体验。
90 0
|
2月前
|
前端开发 开发者 Apache
揭秘Apache Wicket项目结构:如何打造Web应用的钢铁长城,告别混乱代码!
【8月更文挑战第31天】Apache Wicket凭借其组件化设计深受Java Web开发者青睐。本文详细解析了Wicket项目结构,帮助你构建可维护的大型Web应用。通过示例展示了如何使用Maven管理依赖,并组织页面、组件及业务逻辑,确保代码清晰易懂。Wicket提供的页面继承、组件重用等功能进一步增强了项目的可维护性和扩展性。掌握这些技巧,能够显著提升开发效率,构建更稳定的Web应用。
78 0