Hoppscotch响应数据提取技巧【进阶】

本文深入讲解了在Hoppscotch中通过Tests脚本高效提取API响应数据并动态设为环境或全局变量的五大进阶技巧——涵盖从JSON响应体、响应头（如多条Set-Cookie拼接）、HTML内联JavaScript变量、响应元数据（状态码/耗时）到结构不稳定的响应中智能容错提取字段，每种方法均提供可直接复用的代码示例与实操要点，助你告别手动复制粘贴，实现API调试流程的自动化、健壮化与可维护性跃升。

如果您在Hoppscotch中完成API请求后，希望将响应中的特定字段自动保存为可复用的变量，则需通过测试脚本（Tests）或前置脚本（Pre-request Script）对响应体、响应头或状态码进行解析与赋值。以下是实现响应数据变量提取的多种操作方法：

一、从JSON响应体中提取字段并设为环境变量

该方法适用于标准RESTful接口返回结构化JSON数据的场景，通过解析响应体获取目标字段，并持久化至当前激活的环境变量中，供后续请求引用。

1、在目标请求的Tests标签页中，输入以下JavaScript代码：

2、确保响应状态为200：if (pw.response.code === 200) {

3、解析JSON响应体：const data = pw.response.json();

4、提取字段并写入环境变量（以access_token为例）：pw.environment.set("ACCESS_TOKEN", data.access_token)

5、保存脚本并发送请求，验证环境变量面板中ACCESS_TOKEN是否已更新为实际值。

二、从响应头中提取Set-Cookie并合并为单个环境变量

该方法用于需要维持会话状态的Web API调试，尤其适用于基于Cookie的身份认证流程。由于HTTP响应可能包含多个Set-Cookie头，需将其安全拼接为一个字符串供后续请求使用。

1、在Tests脚本中检查响应头是否存在Set-Cookie字段：const cookies = pw.response.headers['set-cookie'];

2、判断cookies是否为数组且非空：if (Array.isArray(cookies) && cookies.length > 0) {

3、将所有Set-Cookie条目用分号连接：const cookieString = cookies.join('; ');

4、存入环境变量：pw.environment.set("SESSION_COOKIE", cookieString)

5、在后续请求的Headers中添加Cookie字段，值设为{{SESSION_COOKIE}}。

三、从HTML响应中提取嵌入的JavaScript变量值

该方法适用于传统服务端渲染页面返回含内联脚本的HTML，其中定义了初始化数据（如window.__INIT_DATA__），需从中抽取结构化内容。

1、在Tests脚本中获取响应原始文本：const html = pw.response.text();

2、使用正则匹配目标变量声明（例如匹配window.userId = "12345";）：const userIdMatch = html.match(/window\.userId\s*=\s*"([^"]+)"/);

3、判断匹配是否成功并提取值：if (userIdMatch && userIdMatch[1]) {

4、保存至环境变量：pw.environment.set("USER_ID", userIdMatch[1])

5、后续请求URL或Body中即可使用{{USER_ID}}动态插入该值。

四、从响应状态码和响应时间中提取元数据并设为全局变量

该方法用于监控类测试场景，将非业务数据（如延迟、状态）作为诊断依据记录，便于链路分析或断言校验。

1、在Tests脚本中读取响应耗时（毫秒）：const responseTime = pw.response.responseTime;

2、读取HTTP状态码：const statusCode = pw.response.code;

3、组合为诊断字符串：const diagInfo = `status:${statusCode},time:${responseTime}ms`;

4、写入全局变量（跨环境生效）：pw.globals.set("DIAGNOSTIC_INFO", diagInfo)

5、可在任意集合的任意请求中通过{{DIAGNOSTIC_INFO}}引用该信息。

五、基于响应结构动态选择字段路径并容错赋值

该方法应对响应格式不稳定的情况（如字段名随版本变化、嵌套层级不一致），通过条件判断与默认回退机制保障变量提取鲁棒性。

1、解析响应体：const res = pw.response.json();

2、按优先级尝试多个字段路径：const token = res?.data?.token || res?.access_token || res?.auth?.token || '';

3、仅当token非空时才设置变量：if (token) {

4、执行赋值：pw.environment.set("DYNAMIC_TOKEN", token)

5、在脚本末尾添加断言确保变量已设置：pw.test("Token extracted", () => { pw.expect(token).to.exist; });

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。