如何学习小程序代码

阅读模式 · 发表于 2023-2-19 05:05:48

比来在进修微信小法式开辟，半个月进修下来，很想实战一下踩踩坑，因而就仿写了一个滴滴他们家的青桔单车小法式的前端实现，进程一言难尽，差不多两周时候曩昔了，发现小法式的坑远比设想的要多的多！！在现实练手中，美满是黑盒的，看到人家上线的小法式的结果，纯靠猜测，部分结果在挖空心机后能做出大致的实现，可是有些细节，费劲尽力都没能做出来。很想一窥源码，检察究竟，看看大厂的前端大神们是若何躲避了小法式的各类奇葩的坑。
因而就想到获得到小法式地源文件，然后再对其停止反编译复原为源代码，来作为学细考。我百度了各类关于小法式地反编译教程，可是感受都不太合适像我这样地初学小白，踩了挺多坑。在这里把我重新简化好的，快速地获得一个微信小法式源码的方式记录下来。
#一、简单聊一下xxxxx.wxapkg
先来想想一个很简单的题目，小法式的源文件寄存在哪**？**

固然是在微信的办事器上。

可是在微信办事器上，普通用户想要获得到，必定是非常困难的，有没有此外法子呢？

简单思考一下我们利用小法式的场景就会大白，当我们点开一个微信小法式的时辰，实在是微信已经将它的从办事器高低载到了手机，然后再来运转的。
所以我们应当可以从手机当地找到到已经下载过的小法式文件

那末若何才能在手机里找到小法式的源文件包呢？

这里只以安卓手机为例，究竟穷逼不曾具有过苹果手机
具体目录位置间接给出：
根目录/data/data/com.tencent.mm/MicroMsg/{一串16进制字符}/appbrand/pkg/
在这个目录下，会发现一些 xxxxxxx.wxapkg 范例的文件，这些就是微信小法式的包
微信小法式的格式就是:.wxapkg
！！！ PS ！！！:
这里重要声明一下：虽然微信小法式的包后缀是.wxapkg，但有一些包的依靠后缀也是.wxapkg，实在的小法式包巨细1M左右，而依靠包巨细2、3M甚至更多。所以一股脑的反编译.wxapkg 范例的文件能够会报错： Error: This Package is unrecognizable, please decrypted every type of file by hand.，碰见这个题目标小伙伴请自知，你能够没找对包哦！
.wxapkg是一个二进制文件，有其自己的一套结构。
微信小法式源码阅读笔记lrdcq大神的这篇博文有对.wxapkg的具体先容，固然你也不成以不看
可是这里有个坑，想要进入到上面这个目录的话，用手机自带的文件治理器必定是不可的，安卓大概iPhone都要要用到第三方的文件治理器，比如：RE文件治理器，而且安卓需要获得root权限，而苹果手机必定是要逃狱的，且iphone的逃狱难度>>安卓获得root，不管逃狱还是root，这都太费劲，固然有才能的同学可以间接从手机上来操纵，可是这里不保举从真机上获得。

#二、预备材料
1.node.js运转情况

假如没有安装nodejs，请先安装一下
下载地址：https://nodejs.org/en/

2.反编译的剧本

这里供给一个Github上qwerty472123大神写的node.js版本的，固然也有别的版本的，例如python版本，这里我只是简单地用node.js版本举例
地址：https://github.com/qwerty472123/wxappUnpacker

3.安卓模拟器（要求自带root权限）

我利用的是夜神模拟器，你也可以自选
下载地址：https://www.yeshen.com/cn/download/fullPackage

#三、具体步调
利用安卓模拟器获得到.wxapkg文件
不用逃狱，不用root，利用电脑真个安卓模拟器来获得是一个很是简单快速的获得方式，具体步调以下：
1.翻开安装好的安卓模拟器，并在模拟器中安装QQ、微信、RE治理器

QQ、微信在模拟器自带的利用商铺里搜索下载安装即可
RE治理器的下载地址：https://pan.baidu.com/s/1PPBx08rNutXxhlMMJbuTpQ
提醒一下：RE治理器在模拟器的利用商铺一般也能搜到！！可以间接下载
下载好后间接拖拽进翻开的模拟器窗口就会自动安装

2.设备一下模拟器

以我小我以为比力好用的夜神模拟器举例
首先到模拟器内部设备超级用户权限

这些操纵的目标都是为了能让RE治理器顺遂的获得到ROOT权限

3.接下来在模拟器里翻开微信，然后在微信中运转你想要获得的下法式（这实在是让微信把小法式的源文件包从办事器下载到了当地了）

就以我说的这款同享单车的小法式举例
在模拟器微信中运转一下后，间接切回模拟器桌面，运转RE阅读器 来到目录
根目录/data/data/com.tencent.mm/MicroMsg/{一串16进制字符}/appbrand/pkg/
就到达了目标文件夹

你会看到发现里面的一些.wxapkg后缀的文件，就是它们没错啦，可以按照利用的时候来判定阿谁是你适才从办事器下载过来的
一般小法式的文件不会太大，长按，然后点右上角选项将其紧缩为zip包,然后再将紧缩好的包经过QQ发送到我的电脑
注：假如不停止紧缩的话，QQ会提醒文件不成用

所以QQ的这个功用可以让我们很方便的拿到源文件，而不必到电脑目录去找模拟器的文件目录。
解压。这样几步简单操纵，就成功拿到了小法式的源文件了。
#四、利用反编译剧本解包 wxapkg
到这里你应当已经将反编译剧本从github下载大概 clone 到当地某个目录
翻开nodejs号令窗口，倘使有vscode的间接利用vscode更方便，没有安装的，翻开以下这个号令行窗口:

用cd号令进入到你clone大概下载好的反编译剧本目录下

图中的是我的号令行目录，留意：这个途径最好不要有中文，大师都晓得，中文途径，经常引发一些奇希奇怪的bug，假如途径有中文，自行处理
把那几个反编译要用到的剧本放在上图中的目录下（这个目录按照自己的现实目录而定，图中是我的目录）：

若何进修小法式代码-7.jpg

（qwerty472123大神的剧本里面，后缀.js、.json的文件才是有用的文件，其他文件是GitHub上需要的文件，固然也可以全数解压！在这里我只解压了后缀.js .json的文件）

在node号令窗口中安装依靠：npm install
安装好依靠以后，就是最初一步了，反编译 .wxapkg 文件
在当前目录下输入
node wuWxapkg.js [-d] <files…> //files就是你想要反编译的文件名
例如：我有一个需要反编译的文件 _163200311_32.wxapkg 已经解压到了D盘根目录下,那末就输出号令
node .\wuWxapkg.js D:\_163200311_32.wxapkg
小技能：留意这里斜杆别打反了，你可以输入文件名前几个字符，然后Tab键会自动补全文件名
（留意一点： .wxapkg 文件名，不要有空格。有些.wxapkg 文件名中自带空格，请自行把空格去掉，大概把文件名改成其他的。途径题目自行点窜！！！）
回车运转

反编译剧本就能一步将.wxapkg 文件复原为微信开辟者工具可以运转的源文件，目录地址和你反编译的文件地址是一样的

看到这些文件结构，能否是很是熟悉！我们在微信开辟者工具新增项目即可翻开

运转成功，源码获得完成

假如运转出现了点题目：

1、可以试试，点击开辟者工具详情去掉 es6转es5的勾，勾上不校验平安域名
2、勾选了还是没法运转？那末请在详情里把根本版本库调低至1.5左右，再试试
3、出现找不到某些文件的情况怎样办？我只能告诉：删！删！删！ app.json
里面,提醒找不到阿谁文件，就将pages下注册的该页面语句临时删撤除。删
到可以运转为止
4、还是没法运转？那就自己想法子吧！

#五、两步即可完成
至此我们就经过很是简单的方式获得到了一个想要的小法式源文件，并对其停止了反编译复原今后想要再反编译其他的小法式，很是快速，只需要两步
1.利用模拟器找到小法式.wxapkg文件
2.利用nodejs反编译剧本将.wxapkg文件反编译

利用此方式，绝大部分的小法式都能一般反编译出来，可是也会有一些特别的情况，具体可以检察qwerty472123大神的readme.md文件

#六、写在前面的话
早在跳一跳小游戏火的时辰，就有人通太小法式的appid和版本号，机关URL间接从办事器端下载该小法式的源码wxapkg文件。可是这类方式很快就被封了。
上线的源代码能如此简单的被获得到，不能不说小法式的源码平安存在一些隐患，不外现在的小法式开辟框架会用babel这样的打包工具把js逻辑代码揉在一个js文件里，转编译成看不懂的代码，这样，即使被获得了源码，也很难窥得千丝万缕。

这里先容的方式只想供给给像我一样的小法式新手用来进修和仿写练手，获得仿写素材。

小法式作为微信生态内的新生气力，不但被官方，也被很多开辟者和内容创业者寄与厚望，处于对代码的平安性的斟酌，这里的获得方式，不肯定今后能否还行得通。
<hr/>END!

『哇細大毛』 · 2023-2-19 05:07:14

		自动登录	找回密码
密码			立即注册


	选中篇: 置顶\|

选中 篇:

如何学习小程序代码

大神点评

说点什么

神回复

选中篇: