首页
社区
课程
招聘
Frida调试环境搭建
发表于: 2021-2-1 10:32 15334

Frida调试环境搭建

2021-2-1 10:32
15334

我们使用TypeScript编写frida脚本,再通过frida-compileTypeScript编译成JavaScript代码。

首先介绍搭建TypeScript调试环境,再具体介绍Frida调试环境的配置

Node.js下载
https://nodejs.org/en/download/

npm和Node.js是捆绑在一起的

配置npm

npm使用的默认源(registry)是https://registry.npmjs.org,在国外访问很慢,就算挂代理访问也慢,所以直接替换成国内的源http://registry.npm.taobao.org,操作如下:

得到配置文件路径
npm config get

修改用户配置文件

使用以下命令创建项目的目录:

建立好的目录如下:

在项目的根目录下,执行下面的命令:

现在项目结构如下:

package.json介绍

在项目的根目录下,执行下面的命令:

加了参数-g,会在全局环境安装TypeScript,不加只会在当前工程下安装TypeScript

在项目的根目录下,执行下面的命令:

现在项目结构如下:

tsconfig.json介绍

tsconfig.json 中取消下面属性项的注释,并修改其属性的值:

这样设置之后,我们在 ./src 中编码 .ts 文件,.ts 文件编译成 .js 后,输出到 ./dist 中。

将下面代码复制到./src/index.ts中:

在项目的根目录下,执行下面的命令:

tsc 是编译命令,详情查看:https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html

tsc 的编译选项,详情查看:https://www.tslang.cn/docs/handbook/compiler-options.html

执行结果如下:

手动编译还是比较麻烦,如果能够保存代码后,能自动编译就好了。

详情查看:https://go.microsoft.com/fwlink/?LinkId=733558

Ctrl + F9 运行构建任务,将显示以下选项:

选择 tsc: watch - tsconfig.json ,回车运行之后,编辑的代码保存之后,就会自动编译。

代码检查主要是用来发现代码错误和统一代码风格。

详情查看:https://ts.xcatliu.com/engineering/lint.html

ESLint 可以安装在当前项目中或全局环境下,因为代码检查是项目的重要组成部分,所以我们一般会将它安装在当前项目中(也可以安装在全局,因为package.json中记录有依赖库,别人下载项目后,直接npm install即可安装所有依赖库)。可以运行下面的脚本来安装:

由于 ESLint 默认使用 Espree 进行语法解析,无法识别 TypeScript 的一些语法,故我们需要安装 typescript-eslint-parser,替代掉默认的解析器,别忘了同时安装 typescript

由于 typescript-eslint-parser 对一部分 ESLint 规则支持性不好,故我们需要安装 eslint-plugin-typescript,弥补一些支持性不好的规则。

现在项目结构如下:

package-lock.json是锁定依赖库的版本
package-lock.json介绍

ESLint 需要一个配置文件来决定对哪些规则进行检查,配置文件的名称一般是 .eslintrc.js.eslintrc.json

当运行 ESLint 的时候检查一个文件的时候,它会首先尝试读取该文件的目录下的配置文件,然后再一级一级往上查找,将所找到的配置合并起来,作为当前被检查文件的配置。

在项目的根目录下,执行下面的命令:

按需求,选择相应的选项:

图中出现了WARN,编辑package.json修改对应字段:

现在项目结构如下:

编辑 .eslintrc.js,增加 parser: 'typescript-eslint-parser', 替换掉默认的解析器,使之识别 TypeScript 的一些语法,如下面所示:

在编辑器中集成 ESLint 检查,可以在开发过程中就发现错误,极大的增加了开发效率。

要在 VSCode 中集成 ESLint 检查,我们需要先安装 ESLint 插件,点击「扩展」按钮,搜索 ESLint,然后安装即可。

VSCode 中的 ESLint 插件默认是不会检查 .ts 后缀的,需要在「文件 => 首选项 => 设置」中

添加以下配置:

将下面代码复制到./src/index.ts中:

现在项目结构如下:

现在编辑器,应该会提示 4 个错误:

我们按照错误提示,修改成正确的代码风格(在错误处按Alt+Enter):

console.log 一般是在调试阶段使用,发布正式版本时,应该移除。所以这里没有提示红色的致命错误,而是使用了警告。

将下面代码复制到./src/index.ts中:

将下面代码复制到./src/Cat.ts中:

现在项目结构如下:

上述代码复制粘贴,保存之后,会提示这样的错误:

错误1

解决办法是使用 eslint-import-resolver-alias ,先安装依赖,执行下面的命令:

然后,在 .eslintrc.js 配置中,编辑成如下代码:

错误2

.eslintrc.js 配置中,编辑成如下代码:

如何 F5 开始调试 TypeScript ,并且还具备断点调试功能,答案是,使用 TS-node

详情查看:https://github.com/TypeStrong/ts-node

在项目的根目录下,执行下面的命令:

Run->Add Configuration

然后修改成如下配置:

F5 开始愉快的调试吧,F9 是添加断点:

如果出现unbound breakpoint的问题,修改debug.javascript.usePreview为false即可

Frida的安装参考Frida官方文档

我们已经搭建好了TypeScript调试环境,下面继续Frida调试环境的配置,可以参考frida-agent-example项目的配置文件。

frida-agent-example的package.json文件

也就是我们可以需要将以下内容拷贝到自己的package.json文件中,然后在项目根目录下执行npm install安装下面的依赖

注意点

1.开启实时编译

Ctrl+F9选择npm: watch

2.启动frida-server

3.注入脚本

.\frida.exe -U -f com.android.chrome --debug --runtime=v8 --no-pause -l "...\ts3\dist\index.js"

监听端口为本地的9229

4.chrome的DelTools工具进行附加调试

打开chrome,输入chrome://inspect

添加连接——本地端口9229

Sources界面,Ctrl+P选择要调试的脚本

格式化脚本

格式化前

格式化后

5.Ctrl+B下断点

6.vscode修改脚本

实时编译

DelTools工具自动监测脚本是否修改

Frida自动监测脚本是否修改

参考正确配置 Visual Studio Code 开发和调试 TypeScript中用pycharm调试frida脚本,PyCharm给js文件和ts文件下断点都没有反应,不知道是为什么

如果chrome的DelTools工具显示不出来文件,那么点击Configure配置,Enable port forwarding,然后再取消

这是因为你用api的方式注入的脚本,是直接用变量输入的code,没有文件名,所以chrome默认取名为script1

加延迟就行了get_usb_device(10)

正确配置 Visual Studio Code 开发和调试 TypeScript

FRIDA 使用经验交流分享

工程文件:
链接:https://pan.baidu.com/s/18qlGc1OFSOu4Y29mEmQY3g
提取码:abco

 
 
 
 
 
 
 
mkdir ts3
cd ts3
mkdir src
mkdir dist
mkdir ts3
cd ts3
mkdir src
mkdir dist
ts3
├─dist
└─src
ts3
├─dist
└─src
npm init -y
npm init -y
ts3
├─dist
└─src
└─package.json
ts3
├─dist
└─src
└─package.json
npm install -g typescript
npm install -g typescript
tsc --init
tsc --init
ts3
├─dist
└─src
└─package.json
└─tsconfig.json
ts3
├─dist
└─src
└─package.json
└─tsconfig.json
 
"outDir": "./dist",
"rootDir": "./src",
"outDir": "./dist",
"rootDir": "./src",
const hello: string = 'hello, Genliese';
console.log(hello);
const hello: string = 'hello, Genliese';
console.log(hello);
//编译
tsc
//执行
node ./dist/index.js
//编译
tsc
//执行
node ./dist/index.js
 
 
 
 
npm install eslint --save-dev
npm install eslint --save-dev
npm install typescript typescript-eslint-parser --save-dev
npm install typescript typescript-eslint-parser --save-dev
npm install eslint-plugin-typescript --save-dev
npm install eslint-plugin-typescript --save-dev
ts3
├─dist
└─node_modules
└─src
└─package-lock.json
└─package.json
└─tsconfig.json
ts3
├─dist
└─node_modules
└─src
└─package-lock.json
└─package.json
└─tsconfig.json
 
//创建配置文件
./node_modules/.bin/eslint --init
//创建配置文件
./node_modules/.bin/eslint --init
 
 
"description": "default",
"repository": {
  "type": "git",
  "url": "none"
},
"description": "default",
"repository": {
  "type": "git",
  "url": "none"
},
ts3
├─dist
└─node_modules
└─src
└─.eslintrc.js
└─package-lock.json
└─package.json
└─tsconfig.json
ts3
├─dist
└─node_modules
└─src
└─.eslintrc.js
└─package-lock.json
└─package.json
└─tsconfig.json
module.exports = {
  parser: 'typescript-eslint-parser',
  env: {
    es6: true,
    node: true,
  },
  extends: 'airbnb-base',
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly',
  },
  parserOptions: {
    ecmaVersion: 2018,
    sourceType: 'module',
  },
  rules: {
  },
};
module.exports = {
  parser: 'typescript-eslint-parser',
  env: {
    es6: true,
    node: true,
  },
  extends: 'airbnb-base',
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly',
  },
  parserOptions: {
    ecmaVersion: 2018,
    sourceType: 'module',
  },
  rules: {
  },
};
 
 
 
 
{
  "eslint.validate": [
    "typescript"
  ]
}
{
  "eslint.validate": [
    "typescript"
  ]
}
let num: number = 1;
if (num == 2) {
  console.log(num);
}
let num: number = 1;
if (num == 2) {
  console.log(num);
}
ts3
├─dist
└─node_modules
└─src
  └─index.ts
└─.eslintrc.js
└─package-lock.json
└─package.json
└─tsconfig.json
ts3
├─dist
└─node_modules
└─src
  └─index.ts
└─.eslintrc.js
└─package-lock.json
└─package.json
└─tsconfig.json
 
 
import Cat from './Cat';
 
const kitty: Cat = new Cat('kitty');
kitty.say();
import Cat from './Cat';
 
const kitty: Cat = new Cat('kitty');
kitty.say();
export default class Cat {
  private name: string;
 
  constructor(name: string) {
    this.name = name;
  }
 
  say() {
    console.log(this.name);
  }
}
export default class Cat {
  private name: string;
 
  constructor(name: string) {
    this.name = name;
  }

[培训]内核驱动高级班,冲击BAT一流互联网大厂工作,每周日13:00-18:00直播授课

最后于 2021-2-2 20:16 被genliese编辑 ,原因:
收藏
免费 5
支持
分享
最新回复 (6)
雪    币: 2510
能力值: ( LV1,RANK:0 )
在线值:
发帖
回帖
粉丝
2
感谢分享!!
2021-2-1 12:15
1
雪    币: 35
活跃值: (136)
能力值: ( LV2,RANK:10 )
在线值:
发帖
回帖
粉丝
3
对入门者来说,是一片很好用的文章,非常详细
2021-2-2 15:46
0
雪    币: 5
活跃值: (116)
能力值: ( LV2,RANK:10 )
在线值:
发帖
回帖
粉丝
4
大佬, 我按照你的调试教程试了一下, 发现frida会报错: Failed to attach: v8 runtime not available due to build configuration , 查了一下原因应该是frida版本的问题. 是我用法不对嘛...  大佬写文章的时候用的是哪个版本啊
2021-3-2 22:24
1
雪    币: 2479
活跃值: (3099)
能力值: ( LV6,RANK:90 )
在线值:
发帖
回帖
粉丝
5
peter_puff 大佬, 我按照你的调试教程试了一下, 发现frida会报错: Failed to attach: v8 runtime not available due to build configuration ...
教程最前面有介绍测试环境
2021-3-3 08:01
0
雪    币: 5
活跃值: (116)
能力值: ( LV2,RANK:10 )
在线值:
发帖
回帖
粉丝
6
genliese 教程最前面有介绍测试环境

我按照教程最前面的版本都配置好了, 还是会报错 Failed to attach: v8 runtime not available due to build configuration 

最后发现是由于frida-server版本的问题. 我下载了最新的frida-server-14.2.13 就不报这个错了

最后于 2021-3-5 00:30 被peter_puff编辑 ,原因:
2021-3-5 00:16
0
雪    币: 2383
活跃值: (6783)
能力值: ( LV7,RANK:102 )
在线值:
发帖
回帖
粉丝
7
真麻烦,这内容看着劝退啊
2022-10-20 17:39
0
游客
登录 | 注册 方可回帖
返回
//