【验证码逆向专栏】螺丝帽人机验证逆向分析

2023-09-22 15:04:22

声明

本文章中所有内容仅供学习交流使用，不用于其他任何目的，不提供完整代码，抓包内容、敏感网址、数据接口等均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关！

本文章未经许可禁止转载，禁止任何修改后二次传播，擅自使用本文讲解的技术而导致的任何意外，作者均不负责，若有侵权，请在公众号【K哥爬虫】联系作者立即删除！

目标

目标：Luosimao 螺丝帽人机验证逆向分析

网址：aHR0cHM6Ly9jYXB0Y2hhLmx1b3NpbWFvLmNvbS9kZW1vLw==

01

抓包分析

进入官网提供的 demo 页面，F12 开启抓包，首先加载 demo 页面，这个页面包含一个 site-key，每个网站都不一样，会在后续用到：

02

接下来是一个 captcha.js，主要用于后续的加密参数生成，乍一看以为是个 OB 混淆，其实只是更换了变量名，然后一些值是从大数组里面取的，没有 OB 混淆里的打乱数组的操作，比 OB 混淆要简单很多，后文会利用 AST 对这三个 JS 进行解混淆，后续类似的还加载了 widget.js 和 frame.js，也都是和加密参数的生成有关。

03

04

然后是一个 widget 的请求，该请求返回的源码里面有个 data-token，也是后续要用到的。

05

接下来是一个 request 的请求，接口返回的一些参数也是后续要用到的，同时返回的 w 值，就是要点击的文字提示信息。

06

然后是一个 frame 请求，请求带了两个加密参数，这个请求返回的源码里面包含了验证码图片信息。

07

然后就加载了验证码图片，注意这里的图片是被切割之后乱序排列了的，和极验三代的类似，所以后文我们还要对其进行顺序还原。

08

点击图像完成之后，就会发起校验请求 user_verify，校验成功的话返回的 res 为 success，相反校验不成功就是 failed。

09

点击立即登录，触发最后一个 submit 请求，提交的 data 值就是上一步 user_verify 验证成功后返回的 resp 值。

10

小结一下螺丝帽就可以分为三个比较重要的步骤：request 接口请求得到要点击的内容，frame 接口请求拿到验证码图片，user_verify 接口验证点击是否正确，下文将详细分析这些步骤。

AST 解混淆

先别着急找加密逻辑，前面抓包的时候说了，一共有三个 JS 参与了加密，分别是 captcha.js、widget.js 和 frame.js，这三个 JS 是被混淆了的，为了后续比较好分析，我们可以先使用 babel 将其转换成 AST 语法树后，进行解混淆操作。

以 widget.js 为例，观察该 JS，我们可以总结出以下三个问题：

  • 开头一个大数组，如 _0x8f24，后续变量赋值操作就是从这个大数组里取值，如 _0x8f24[1]、_0x8f24[2]；
  • 所有的字符串都被转换成了十六进制编码的形式，不易阅读；
  • 访问对象属性是 _0x3ba3x1["Number"]，而不是 _0x3ba3x1.Number，不易阅读。

所以我们只需要做三个操作：

  • 从数组取值转为直接赋值（_0x8f24[1] => "\x63\x61\x6C\x6C"）；
  • 十六进制编码的字符串还原（"\x63\x61\x6C\x6C" => "call"）；
  • 对象属性还原（_0x3ba3x1["Number"] => _0x3ba3x1.Number）。

11

首先是从数组取值转为直接赋值，先将这个 JS 扔到 astexplorer.net 分别看看原始结构（如：_0x8f24[1]）和替换后的结构（如："\x63\x61\x6C\x6C"）：

12

13

从上图可以看到类似 _0x8f24[1] 取值的节点类型为 MemberExpression，这个大数组没有像 OB 混淆那样做了乱序操作，可以直接取值，那么如果我们先拿到 _0x8f24 这个大数组，然后遍历 MemberExpression 节点，再将其替换成 StringLiteral 类型的节点就行了。当然遍历的时候也要有限制，必须是 path.node.object.name 的值和大数组的名称一样才能替换。然后就是我们怎么拿到 _0x8f24 这个大数组呢？这个大数组在 AST 中的位置是 program.body[0]，我们可以将其转换成 JS 代码然后 eval 执行一下，把大数组加载到内存里，后续就能直接按索引取值了，当然方法不止这一种，可以按照自己的思路来实现，这一部分的 visitor 可以这么写：

const ast = parse(code);
eval(generate(ast.program.body[0]).code)

const visitor = {
    MemberExpression(path) {
        if (path.node.object.name === "_0x8f24") {
            path.replaceWith(types.stringLiteral(eval(path.toString())));
        }
    }
}

然后就是十六进制编码的字符串还原，观察前后的 AST 语法树：

14

15

可以发现只要将 path.node.extra.raw 的值换为 path.node.extra.rawValue 或者 path.node.value即可，当然因为 NumericLiteral、StringLiteral 类型的extra 节点并非必需，这样在将其删除时，也不会影响原节点，所以还可以直接 delete path.node.extra 或者 delete path.node.extra.raw 来还原字符串，这一部分的 visitor 可以这么写：

const visitor2 = {
    StringLiteral(path) {
        if (path.node.extra) {
            // 以下方法均可
            // path.node.extra.raw = '"' + path.node.extra.rawValue + '"'
            // path.node.extra.raw = '"' + path.node.value + '"'
            // delete path.node.extra
            delete path.node.extra.raw
        }
    }
}

最后就是对象属性还原，同样的先观察前后的 AST 语法树：

16

17

可以看到 _0x3ba3x1["Number"] => _0x3ba3x1.Number，是 MemberExpression 下的 property 节点由 StringLiteral 类型的变成了 Identifier 类型的，computed 值由 true 变成了 false，这一部分的 visitor 可以这么写：

const visitor = {
    MemberExpression(path){
        if (path.node.property.type === "StringLiteral" && path.node.property.value !== "") {
            path.node.computed = false
            path.node.property = types.identifier(path.node.property.value)
        }
    }
}

前面抓包的时候也说了，一共有三个 JS 参与了加密，分别是 captcha.js、widget.js 和 frame.js，他们的混淆都是一样的，所以综上所述我们的 AST 解混淆代码完整版可以是这样的：

const fs = require('fs');
const types = require("@babel/types");
const parse = require("@babel/parser").parse;
const traverse = require("@babel/traverse").default;
const generate = require("@babel/generator").default;


function deconfusion(code, arrName) {
    const ast = parse(code);
    eval(generate(ast.program.body[0]).code)

    const visitor1 = {
        MemberExpression(path) {
            if (path.node.object.name === arrName) {
                path.replaceWith(types.stringLiteral(eval(path.toString())));
            }
        }
    }

    const visitor2 = {
        StringLiteral(path) {
            if (path.node.extra) {
                // 以下方法均可
                // path.node.extra.raw = '"' + path.node.extra.rawValue + '"'
                // path.node.extra.raw = '"' + path.node.value + '"'
                // delete path.node.extra
                delete path.node.extra.raw
            }
        },
        MemberExpression(path){
            if (path.node.property.type === "StringLiteral" && path.node.property.value !== "") {
                path.node.computed = false
                path.node.property = types.identifier(path.node.property.value)
            }
        }
    }


    traverse(ast, visitor1);
    traverse(ast, visitor2);
    delete ast.program.body[0]

    return generate(ast, {jsescOption: {"minimal": true}}).code
}


const widget = fs.readFileSync('widget.js', 'utf-8');
const newWidget = deconfusion(widget, "_0x8f24")
fs.writeFileSync('newWidget.js', newWidget, 'utf-8');


const captcha = fs.readFileSync('captcha.js', 'utf-8');
const newCaptcha = deconfusion(captcha, "_0x2d28")
fs.writeFileSync('newCaptcha.js', newCaptcha, 'utf-8');

const  frame = fs.readFileSync('frame.js', 'utf-8');
const newFrame = deconfusion(frame, "_0x3f7b")
fs.writeFileSync('newFrame.js', newFrame, 'utf-8');

解混淆之后，将代码替换掉原始代码，然后就可以愉快的进行分析了。

获取验证码信息

首先来看 request 接口，POST 请求，params 有 k 和 l 两个参数，data 有 bg 和 b 两个加密参数，如下图所示：

18

k 参数通过直接搜索可以发现就存在于页面的 html 里，如下图所示的 data-site-key 就是 k 的值，从这个名字也可以看出应该是每个网站分配的一个 key。

19

bg 和 b 参数搜索不到，且每次都是变化的，通过观察可知这是一个 XHR 请求，那么就可以通过 XHR 断点，或者直接跟栈的方式来找加密入口，好在栈也不多，直接跟进去下断点，在 ajax send 方法这里，就可以看到 bg 和 b 已经生成。

20

21

继续往上跟栈，就很容易发现 bg 和 b 的生成位置，如下图所示：

22

"bg=" + _0x3ba3xc.encryption(_0x3ba3x1) + "&b=" + _0x3ba3xc.encryption(_0x3ba3x3)，先来看 _0x3ba3x1 和 _0x3ba3x3 是怎么生成的：

23

var _0x3ba3x1 = _0x3ba3xc.env.us + "||" + _0x3ba3xc.getToken() + "||" + _0x3ba3xc.env.sc.w + ":" + _0x3ba3xc.env.sc.h + "||" + _0x3ba3xc.env.pf.toLowerCase() + "||" + _0x3ba3xc.prefix.toLowerCase(),
_0x3ba3x3 = _0x3ba3xc.path[0] + ":" + _0x3ba3xc.timePoint[0] + "||" + _0x3ba3xc.path[1] + ":" + _0x3ba3xc.timePoint[1];
  • _0x3ba3xc.env.us：User-Agent；
  • _0x3ba3xc.env.sc.w：屏幕宽度；
  • _0x3ba3xc.env.sc.h：屏幕高度；
  • _0x3ba3xc.env.pf.toLowerCase()：platform（如 win32） 小写；
  • _0x3ba3xc.prefix.toLowerCase()：浏览器引擎（如 webkit）小写。

_0x3ba3xc.getToken() 是一个函数，跟进去可以看到是取 widget 请求返回的 html 里面的 data-token 值，如下图所示：

24

25

widget 请求还有个 i 参数，也是加密生成的，直接全局搜索 i:，可以发现在 captcha.js 里 _0x7125x5.id 就是 i 的值，如下图所示：

26

跟进去，generateID() 方法 return "_" + Math.random().toString(36).substr(2, 9); 就可以生成这个值了。

27

然后是 _0x3ba3x3，主要由 path 和 timePoint 组成，反复对比你会发现，path = [鼠标第一次进入点击区域的坐标，鼠标点击时的坐标]，timePoint = [页面加载完毕的时间，开始点击的时间]，如下图所示，可以在左上角和右下角都点一下看看这个点击的区域坐标范围是啥，然后随机构建一下就行了。

28

总结下来，_0x3ba3x1 和 _0x3ba3x3 就可以通过以下代码实现：

function randomNum(min, max) {
    return Math.floor(Math.random() * (max - min + 1) + min);
}

const ua = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36"
const screen = {width: 1920, height: 1080};
const platform = "Win32";
const prefix = "Webkit";
//[鼠标第一次进入点击区域的坐标，鼠标点击时的坐标]
const path = [
    `${randomNum(60, 200)},${randomNum(0, 3)}`,
    `${randomNum(60, 200)},${randomNum(10, 20)}`
];
// [页面加载完毕的时间，开始点击的时间]
const time = +new Date();
const timePoint = [time, time + randomNum(1000, 6000)];

const _0x3ba3x1 = ua + "||" + token + "||" + screen.width + ":" + screen.height + "||" + platform.toLowerCase() + "||" + prefix.toLowerCase();
const _0x3ba3x3 = path[0] + ":" + timePoint[0] + "||" + path[1] + ":" + timePoint[1];

最后一步加密 "bg=" + _0x3ba3xc.encryption(_0x3ba3x1) + "&b=" + _0x3ba3xc.encryption(_0x3ba3x3);，跟进 encryption 方法熟悉的 iv、mode、padding，但他这里写的却是 SHA3，很明显是骗人的，对比测试一下加密结果，发现是 AES 加密，直接引库就完事儿了。

29

至此 request 接口就分析完毕了。

获取验证码图片

然后是获取验证码图片，直接搜索图片的名称，可以发现是在 frame 请求返回的 html 源码里面，如下图所示：

30

这个 captchaImage 对象包含两个值，p 是验证码乱序的图片，有三个图片，这个应该是防止宕机，有多个节点，实际三张图都是一样的内容，而 l 则是用来还原乱序图片的。

var captchaImage = {
    p:['https://i5-captcha.luosimao.com/22/aa27352e782eb74ccccef04eb91bc23c.png',
        'https://i2-captcha.luosimao.com/22/aa27352e782eb74ccccef04eb91bc23c.png',
        'https://i1-captcha.luosimao.com/22/aa27352e782eb74ccccef04eb91bc23c.png'],
    l: [["40","80"],["220","0"],["280","0"],["200","80"],["100","0"],["40","0"],
        ["0","80"],["180","0"],["20","0"],["120","80"],["220","80"],["240","0"],
        ["180","80"],["0","0"],["280","80"],["140","80"],["140","0"],["200","0"],
        ["160","0"],["260","0"],["20","80"],["240","80"],["100","80"],["60","80"],
        ["120","0"],["260","80"],["160","80"],["80","0"],["80","80"],["60","0"]]
};

我们查看图片的源码，可以发现这个 l 的坐标就是 css background-position 属性的值，如下图所示：

31

逻辑也很简单，图片尺寸 300x160 px，切割的乱序图片，分为上下两部分，每一部分又被分为 15 个小片段，那么上半部分从左至右，每一片段的左上角坐标为：[0, 0]、[20, 0]、[40, 0] …，以此类推，下半部分则是 [0, 80]、[20, 80]、[40, 80] …，以此类推，而前面的 l 的值，就表示原始图片第 N 个位置，对应乱序图片的某个片段的左上角的坐标，例如 l 的第一个值为 ["40","80"]，则表示原始图片第一个位置是乱序图中坐标为 [40, 80] 的片段，换句话说，也就是原始图片第一个位置，应该是乱序图中下半部分从左至右的第三个片段。图片的还原在 Python 中可以用以下代码实现：

from PIL import Image


section = [["40","80"],["220","0"],["280","0"],["200","80"], ......]
image = Image.open("乱序图片.png")
canvas = Image.new("RGBA", (300, 160))

for index in range(len(section)):
    x = int(section[index][0])
    y = int(section[index][1])
    slice_ = image.crop(box=(x, y, x + 20, y + 80))
    canvas.paste(slice_, box=(index % 15 * 20, 80 if index > 14 else 0))

canvas.save("正确图片.png")

然后就是这个 frame 请求，包含了一个 s 参数，这个是前面 request 请求返回的，如下图所示：

32

33

发送验证

然后就是点击发送验证请求了，user_verify 包含三个参数 h、v 和 s，h 是前面 request 接口返回的，v 和 s 是需要我们逆向的，如下图所示：

34

同样也直接跟栈，如下图所示 _0xaaefx15.toString() 就是最终的 s 值，而 s 是最终的 v 值：

35

先来看 s，s = _0xaaefx11.toString();，而 _0xaaefx11 和前面一样也是 AES 加密，其中 key 是前面 request 接口返回的 i 的值，待加密的值是 _0xaaefx5，而 _0xaaefx5 = _0xaaefx3.dots.join("#")，_0xaaefx3.dots 就是点击的坐标，不过这个坐标要注意，他的 x 和 y 坐标是反着排列的，整个数组也是倒序的，直观点儿来讲就是 _0xaaefx3.dots = ["第三次点击的 y，第三次点击的 x", "第二次点击的 y，第二次点击的 x", "第一次点击的 y，第一次点击的 x"]，如下图所示：

36

然后就是 _0xaaefx15，经过 MD5 加密得到最终的值，如下图所示：

37

注意事项

请求会校验 header 的 Host 字段，frame 接口和其他接口的 Host 是不一样的，注意观察替换，Host 不正确会导致请求失败。

至此所有流程就都分析完毕了。

结果验证

38

更多推荐

Vue 如何监听 localstorage的变化

一.说明在日常开发中，我们经常使用localStorage来存储一些变量。这些变量会存储在浏览中。对于localStorage来说，即使关闭浏览器，这些变量依然存储着，方便我们开发的时候在别的地方使用。二.localStorage的使用存储值：window.localStorage.setItem(‘键名’,值)读取值

紫禁之巅-Unity游戏开发教程：勇者斗恶龙之魔法石

说明开设了一个unity游戏开发课程，可以帮助对游戏开发有兴趣的小伙伴学习Unity游戏开发的知识和技术，课程地址第一节课的课件是游戏工程，第二节的课件是大纲，和文章内相同，其它章节的课件和第一节课的相同，不需要重复下载课程大纲课程简介开设课程是为了帮助对游戏开发感兴趣的小伙伴掌握游戏开发的思路、方法、技术。为了帮助学

ps打开找不到MSVCP140.dll重新安装方法，安装ps出现msvcp140.dll缺失解决方法

在计算机中，我们可能会遇到许多问题，其中之一就是找不到msvcp140.dll文件。msvcp140.dll是一个动态链接库文件，它是MicrosoftVisualC++2015Redistributable的一部分。当计算机找不到这个文件时，可能会导致程序无法正常运行。本文将为您提供多个解决方法，以及msvcp140

每日一练 | 华为认证真题练习Day114

1、如图所示，交换机GE0/0/1和GE0/0/2两个端口都进行不同的此Hybrid配置，下面说法正确是（）。（多选）A.财务部门发出的数据帧在交换机中携带的Tag为VLAN20B.行政部门和财务部门不能互访，因为两部门所属的VLAN不相同C.如果交换机的GE0/0/1和GE0/0/2两个端口都修改为Trunk端口，则

头歌平台 | 逻辑函数及其描述工具logisim使用

文章目录1、根据布尔表达式绘制电路2、根据真值表绘制电路3、根据简化真值表绘制电路4、根据波形图绘制电路5、根据卡诺图绘制电路1、根据布尔表达式绘制电路任务描述本关任务：在Logisim中根据给定的布尔代数表达式（F=AB+BC+CA）绘制逻辑电路。案例场景举例举重比赛裁判电路。在举重比赛中，通常有三位裁判（A、B、C

【SQL数据分析 | 手把手教你做淘宝用户分析！】

SQL也能做分析？当然！常见的数据清洗，预处理，数据分类，数据筛选，分类汇总，以及数据透视等操作，用SQL一样可以实现（除了可视化，需要放到Excel里呈现）。SQL不仅可以从数据库中读取数据，还能通过不同的SQL函数语句直接返回所需要的结果，从而大大提高了自己在客户端应用程序中计算的效率。但是，这个过程需要很熟练掌握

TypeScript入门

目录一：语言特性二：TypeScript安装NPM安装TypeScript三：TypeScript基础语法第一个TypeScript程序四：TypeScript保留关键字空白和换行TypeScript区分大小写TypeScript注释TypeScript支持两种类型的注释五：TypeScript与面向对象六：TypeS

如何使用ChatGPT，而不是生成默认风格的八股文

现在我每天都使用ChatGPT来执行多项任务，包括但不限于内容创建。无论是编写文本还是与我讨论我的业务目标，ChatGPT总是会时不时的用到。但与所有强大的工具一样，ChatGPT和类似的大型语言模型(LLM)也有其局限性。在我从事人工智能工作的过程中，我多次偶然发现它们。如果您在业务中依赖ChatGPT而不了解其局限

正则表达式 - 语法

目录正则表达式-语法普通字符测试工具非打印字符特殊字符限定符定位符选择以下列出?=、?<=、?!、?反向引用实例实例正则表达式-语法正则表达式是一种用于匹配和操作文本的强大工具，它是由一系列字符和特殊字符组成的模式，用于描述要匹配的文本模式。正则表达式可以在文本中查找、替换、提取和验证特定的模式。例如：runoo+b，

125. 验证回文串 【简单题】

题目如果在将所有大写字符转换为小写字符、并移除所有非字母数字字符之后，短语正着读和反着读都一样。则可以认为该短语是一个回文串。字母和数字都属于字母数字字符。给你一个字符串s，如果它是回文串，返回true；否则，返回false。示例1：输入:s="Aman,aplan,acanal:Panama"输出：true解释："a

amlogic 机顶盒关闭DLNA 后，手机还能搜到盒子

S905L3带有投屏的功能，并通过com.droidlogic.mediacenter.dlna.MediaCenterService服务的启动和停止来开启和关闭DLNA功能，但是在测试中发现机顶盒关闭DLNA后，手机还能搜索到盒子。我在复测中发现关闭后有时很难很久搜索到盒子，有时却很容易搜索到。通过查看日志，发现打开

热文推荐
  1. python每日一题（模拟用户登录验证）

    1、题目预先设定正确用户名与密码，用来验证用户是否登录成功。第一次：①输入用户名与密码，如果用户名与密码正确，则提示登录成功；②如果用户名错误（不管密码是否正确），则需要重新输入用户名与密码验证，并提示用户名或密码错误；③如果用户名正确，密码错误，打印密码错误，且仅需要输入密码验证，且验证次数仅剩与2次，若在2次验证机

  2. 2023华为杯研究生数学建模E题思路代码分析

    完整的思路代码查看文末名片血肿扩张风险相关因素探索建模。请根据“表1”（字段：入院首次影像检查流水号，发病到首次影像检查时间间隔），“表2”（字段：各时间点流水号及对应的HM_volume），判断患者sub001至sub100发病后48小时内是否发生血肿扩张事件。结果填写规范：1是0否，填写位置：“表4”C字段（是否发

  3. netty报文解析之粘包半包问题

    粘包问题Netty的粘包问题是指在网络传输过程中，由于TCP协议本身的特点，导致发送方发送的若干个小数据包被接收方合并成了一个大数据包。这种情况称为粘包。TCP协议是面向流的协议，没有数据边界，发送方发送的数据可能会被分成多个数据包进行发送，接收方则需要将这些数据包重新组装为原始数据。当接收方处理不当时，就可能会发生粘

  4. 【JavaWeb】你这么厉害，知道RBAC权限模型和ABAC权限模型吗？

    文章目录一.RBAC权限模型1.RBAC的组成2.RBAC模型分类2.1.基本模型RBAC02.2.角色分层模型RBAC12.3.角色限制模型RBAC22.4.统一模型RBAC33.RBAC0模型核心表结构3.1.表结构设计3.2.模块划分4.基于RBAC的延展—用户组二.ABAC权限模型（基于Java讲解）1.ABA

  5. 人机中的事实与价值时空、排序

    人机结合智能与事实价值融合分析确实是未来解决复杂疑难问题的基本策略之一。该策略利用人类智慧和机器智能相结合，结合有效的事实和价值分析方法，以更全面、准确、高效地解决问题。通过人机结合，可以充分发挥人类的主观能动性、判断力和创造力，同时借助机器的强大计算和数据处理能力，提供更深入、广泛的信息搜索、筛选和分析。这种结合能够

  6. 7.2、如何理解Flink中的水位线(Watermark)

    目录0、版本说明1、什么是水位线？2、水位线使用场景？3、设计水位线主要为了解决什么问题？4、怎样在flink中生成水位线？4.1、自定义标记Watermark生成器4.2、自定义周期性Watermark生成器4.3、内置Watermark生成器-有序流水位线生成器4.4、内置Watermark生成器-乱序流水位线生成

  7. 基于springboot广场舞团系统springboot16

    大家好✌！我是CZ淡陌。一名专注以理论为基础实战为主的技术博主，将再这里为大家分享优质的实战项目，本人在Java毕业设计领域有多年的经验，陆续会更新更多优质的Java实战项目，希望你能有所收获，少走一些弯路，向着优秀程序员前行！🍅更多优质项目👇🏻👇🏻可点击下方获取🍅文章底部或评论区获取🍅Java项目精品实

  8. Linux安装mysql数据库并实现主从搭建

    一.环境说明【环境说明】：192.168.110.161mysql-master##网络配置到位，防火墙关闭，selinux关闭192.168.110.162mysql-slave##网络配置到位，防火墙关闭，selinux关闭两台主机，操作系统是centos7，提前网络配置好，关闭防火墙，selinux，修改主机名二

  9. esbuild中文文档-路径解析配置项（Path resolution - External、Main fields）

    文章目录路径解析配置项Pathresolution外部模块External主字段Mainfields对于包的开发者结语哈喽，大家好！我是「励志前端小黑哥」，我带着最新发布的文章又来了！老规矩，小手动起来~点赞关注不迷路！esbuild简单介绍esbuild为了突破了JavaScript语言的瓶颈，采用了Go语言编写，构