Skip to content

Programming-Newbies-Community/Mock-API-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

📦 Mock API Generator

手机端 JSON 假数据生成工具 | 无需后端,一键生成模拟 API 数据

在线体验 GitHub

🎯 解决什么痛点?

前端开发时,后端接口还没写好,需要假数据来测试?手动写 JSON 太麻烦?

Mock API Generator 帮你:

  • ✅ 可视化配置数据结构
  • ✅ 一键生成多条假数据
  • ✅ 复制 JSON 直接使用
  • ✅ 保存到云端获得永久 API 地址

✨ 功能特点

功能 说明
🔧 自定义字段 自由添加/删除字段,自定义字段名和类型
📊 9种数据类型 数字、字符串、布尔、数组、邮箱、手机号、URL、日期、对象
📈 批量生成 支持生成 1-50 条假数据
📋 一键复制 生成的 JSON 可快速复制到剪贴板
☁️ 云端保存 集成 JSONBin.io,保存后获得永久 API 端点
📱 全手机适配 专为手机端开发优化,触摸友好

🚀 快速开始

在线使用(无需安装)

直接访问:https://programming-newbies-community.github.io/Mock-API-Generator/

本地使用

  1. 下载三个文件:index.htmlstyle.cssscript.js
  2. 用浏览器打开 index.html
  3. 开始生成假数据!

📖 使用教程

1️⃣ 配置数据结构

  • 点击「添加字段」增加数据字段
  • 填写字段名(如:name、age、email)
  • 选择字段类型(数字/字符串/邮箱等)

2️⃣ 设置生成数量

  • 在「全局设置」中调整生成条数(1-50条)

3️⃣ 生成数据

  • 点击「生成数据」按钮
  • JSON 结果会显示在下方

4️⃣ 复制或保存

  • 点击「复制 JSON」直接使用
  • 点击「保存到 JSONBin.io」获得永久 API 地址

🛠 技术栈

  • HTML5
  • CSS3
  • JavaScript (原生)
  • JSONBin.io API

About

Mock API Generator - 手机端 JSON 假数据生成工具,无需后端即可生成模拟 API 数据。支持自定义字段、多种数据类型(数字/字符串/邮箱/手机号/数组等),一键复制 JSON 或保存到 JSONBin.io 获取永久 API 地址。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors