← 返回
未分类

sc-api-mock-generator

根据 API 接口描述(接口地址、请求方式、响应 TS 类型)生成 Chrome DevTools Local Overrides 格式的 Mock 数据文件,并直接创建到指定目录。当用户提到"mock 数据"、"本地替换"、"接口 mock"、"Chrome Overrides"、"API 调试"等关键词时使用此技能。
张益达
未分类 community v1.0.0 1 版本 99115 Key: 无需
★ 0
Stars
📥 112
下载
💾 0
安装
1
版本
#latest

概述

API Mock Data Generator(Chrome Local Overrides)

工作流程

  1. 解析输入:提取接口地址、请求方式、环境、响应类型
  2. 生成 Mock JSON:按响应类型和字段语义生成逼真数据
  3. 创建文件:直接使用 Write 工具将 mock 文件写入 overrides 目录
  4. 输出摘要:展示文件路径、关键数据预览、Chrome 配置提示

环境域名

未指定环境时默认 test

环境域名
------------
test(默认)test-sino-gateway.sinoclick.com
prepre-sino-gateway.sinoclick.com

输入字段

字段必须说明
------------------
接口地址/api/user/list
请求方式GET / POST / PUT / DELETE
响应参数 TS 类型TypeScript interface 或 JSON 结构
接口环境可选test / pre,默认 test
接口描述可选功能说明
数组条数可选数组字段生成条数,默认 5
mock 场景可选success(默认)/ error / empty

文件路径规则

格式:{OVERRIDES_DIR}/{域名}/{url路径段...}/{最末段}

  • 文件名无扩展名(Chrome Local Overrides 约定)
  • OVERRIDES_DIR 默认为项目根目录下的 overrides/(即 {项目根目录}/overrides
  • 路径参数(如 {id})替换为示例值(如 12345

示例:/api/user/list + test 环境 →

{项目根目录}/overrides/test-sino-gateway.sinoclick.com/api/user/list

Mock JSON 生成规则

响应外层结构(固定)

每个 mock 响应必须包含以下固定外层,无论用户的 TS 类型是否声明:

{
  "code": 0,
  "message": "成功",
  "success": true,
  "result": "...按 TS 类型生成...",
  "traceId": "生成 UUID"
}

mock 场景变体

场景result 值codemessage
--------------------------------
success(默认)按类型生成0"成功"
errornull500"服务器内部错误"
empty[]null(视类型)0"成功"

字段语义推断

根据字段名自动推断合理的 mock 值:

字段名模式生成策略
---------------------
url / Url / link合法 URL
imageUrl / img / cover / thumbnailhttps://picsum.photos/id/{固定数字}/宽/高,数字从 10~200 中按字段索引递增选取(如第 1 个图片字段用 10,第 2 个用 11),确保同一接口内不重复且每次生成结果一致
videoUrl / video从以下列表中按字段索引顺序依次选取:http://vjs.zencdn.net/v/oceans.mp4https://sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-360p.mp4http://www.w3school.com.cn/example/html5/mov_bbb.mp4https://media.w3.org/2010/05/sintel/trailer.mp4
signUrl / SignUrl / ossUrl / OssUrl视为媒体资源 URL,需根据上下文判断类型:若同一类型中存在 video/Video 相关字段名提示,或字段注释/描述含"视频",则按 videoUrl 策略生成;否则默认按 imageUrl 策略生成
avatarhttps://i.pravatar.cc/150?u={随机}
date / time / Time / DateISO 日期或 yyyy-MM-dd HH:mm:ss
id / Id / uuidUUID 或 6 位数字 ID
name / Name / title合理的中文/英文名称
email合理邮箱
phone / mobile合理手机号
amount / price / spend / cost100~10000,保留 2 位小数
count / num / quantity1~500 整数
rate / ratio / roas / roi0.1~10,保留 2 位小数
status枚举值中随机选一个
description / desc / remark一段合理的描述文本

数组与分页

  • 数组默认 5 条,每条数据应有合理差异
  • 联合类型枚举值在数组中尽量覆盖
  • 若存在 total / totalCount 字段,值设为大于数组长度(如数组 5 条,total 设 23)

执行方式

首选:直接创建文件

使用 Shell 工具执行 mkdir -p 创建目录,再使用 Write 工具写入 mock JSON 文件:

1. Shell: mkdir -p {项目根目录}/overrides/{域名}/{路径目录}
2. Write: 写入 mock JSON 到目标文件路径
3. 输出确认信息

备选:输出 shell 脚本

当用户明确要求"给我脚本"或在非 Cursor 环境时,输出可执行脚本:

#!/bin/bash
OVERRIDES_DIR="{项目根目录}/overrides"
DOMAIN="{域名}"

mkdir -p "${OVERRIDES_DIR}/${DOMAIN}/{路径目录}"

tee "${OVERRIDES_DIR}/${DOMAIN}/{完整路径}" > /dev/null << 'MOCKEOF'
{...mock JSON...}
MOCKEOF

echo "✅ Mock 文件已创建"

批量处理

当用户提供多个接口时:

  1. 逐个生成 mock JSON
  2. 合并为一个 shell 脚本(共享配置区),或依次使用 Write 工具创建
  3. 最后汇总输出所有文件路径

输出格式

每次输出包含以下部分:

1. 文件目录结构

用 tree 格式展示:

overrides/
└── {域名}/
    └── api/
        └── user/
            └── list          ← 无扩展名

2. Mock 文件内容

展示完整 JSON(供用户确认)。

3. 创建确认

文件创建后输出路径和环境信息。

4. Chrome 配置提示(仅首次)

首次生成时附上配置步骤:

  1. DevTools (F12) → Sources → Overrides
  2. 点击 + Select folder for overrides → 选择项目根目录下的 overrides 文件夹
  3. 允许访问权限
  4. 勾选 Enable Local Overrides
  5. 刷新页面验证(Network 面板中被替换请求带 ⚠️ 标记)

版本历史

共 1 个版本

  • v1.0.0 Initial release 当前
    2026-04-02 11:00 安全 安全

安全检测

腾讯云安全 (Keen)

安全,无风险
查看报告

腾讯云安全 (Sanbu)

安全,无风险
查看报告

🔗 相关推荐

developer-tools

Github

steipete
使用 `gh` CLI 与 GitHub 交互,通过 `gh issue`、`gh pr`、`gh run` 和 `gh api` 管理议题、PR、CI 运行及高级查询。
★ 670 📥 324,312
ai-intelligence

Self-Improving + Proactive Agent

ivangdavila
自我反思+自我批评+自我学习+自组织记忆。智能体评估自身工作、发现错误并持续改进。
★ 1,362 📥 318,676
ai-intelligence

ontology

oswalpalash
类型化知识图谱,用于结构化智能体记忆与可组合技能。支持创建/查询实体(人员、项目、任务、事件、文档)及关联...
★ 714 📥 243,978