เครื่องมือสร้าง JSON

เกี่ยวกับ GeekFormat

ตัวสร้างสคีมา

สร้างเป็นอาร์เรย์

จำนวน:

ตัวสร้างสคีมา

สร้างเป็นอาร์เรย์

จำนวน:

กำหนดฟิลด์แล้วคลิกสร้างเพื่อสร้างข้อมูล JSON แบบสุ่ม

สร้างข้อมูล JSON แบบสุ่มได้โดยไม่ต้องเขียนเทมเพลต เหมาะกับการทดสอบ API การทำต้นแบบ frontend และการเตรียมข้อมูลตัวอย่าง

คำแนะนำที่เกี่ยวข้อง

จัดรูปแบบ JSON

ตัวตรวจสอบ JSON Schema

คิวรี JSONPath

JSON Diff

JSON เป็น TypeScript

JSON เป็น Java

ซ่อมแซม JSON

บีบอัด JSON

เครื่องมือสร้าง JSON และข้อมูล Mock คืออะไร?

เครื่องมือสร้าง JSON ใช้สร้างข้อมูลแบบสุ่มตามโครงสร้างที่คุณกำหนดไว้ล่วงหน้า เหมาะมากเมื่อ API จริงยังไม่พร้อม แต่ frontend และการทดสอบต้องเดินต่อ

บางเครื่องมือใช้ไวยากรณ์แบบเทมเพลต ขณะที่บางเครื่องมือใช้ตัวสร้างฟิลด์แบบภาพ เครื่องมือนี้อยู่ในกลุ่มหลังจึงเริ่มใช้งานได้ง่ายกว่า

ถ้าต้องการข้อมูลทดสอบที่นำกลับมาใช้ซ้ำได้ ให้สร้างครั้งเดียวแล้วบันทึก generated.json ไว้เป็น fixture

กรณีการใช้งาน

เตรียมข้อมูล Mock สำหรับรายการผู้ใช้ สินค้า และคำสั่งซื้อใน frontend
ทำงานหน้า UI ต่อได้แม้ backend API ยังไม่พร้อม
สร้างข้อมูลจำนวนมากสำหรับ QA และการทดสอบแบบ data-driven
สร้างตัวอย่าง JSON สำหรับ Swagger / OpenAPI และเอกสารภายใน
เตรียมข้อมูลที่มีโครงสร้างก่อนทำ performance หรือ load test
ทดสอบค่าขอบเขตในฟอร์มและลอจิกฝั่ง client

วิธีการใช้งาน

เปิด sample Schema ทางซ้าย หรือเพิ่มฟิลด์ใหม่ด้วยปุ่ม +
กำหนดชื่อ ประเภท และถ้าจำเป็นให้ใส่ min / max หรือค่า Enum ของแต่ละฟิลด์
เลือกว่าจะสร้าง object เดียวหรือ array แล้วกำหนดจำนวน
กด Generate เพื่อดู JSON ที่จัดรูปแบบแล้วทางด้านขวา
คัดลอกผลลัพธ์หรือดาวน์โหลดไฟล์ generated.json

คุณสมบัติ

ฟิลด์ในตัว 13 ประเภท: String / Integer / Number / Boolean / Email / Name / UUID / Date / URL / Phone / Paragraph / Enum / Array
ตัวสร้างฟิลด์แบบภาพ: เพิ่ม ลบ และตั้งค่าฟิลด์ได้โดยไม่ต้องเขียนเทมเพลต JSON เอง
ควบคุมช่วงค่า: กำหนด min / max สำหรับตัวเลขและย่อหน้าเพื่อให้ข้อมูลสมจริงขึ้น
ค่า Enum แบบกำหนดเอง: ใส่ตัวเลือกคั่นด้วยจุลภาคแล้วสุ่มเลือกหนึ่งค่า
สลับระหว่าง object กับ array: สร้าง object เดียวหรือ array ได้สูงสุด 1000 รายการ
มี sample Schema พร้อมใช้: ตัวอย่าง 7 ฟิลด์ช่วยให้เริ่มทดสอบได้ทันที
ผลลัพธ์ JSON มีไฮไลต์: แสดงผ่าน CodeMirror พร้อมจัดรูปแบบและเลขบรรทัด
ประมวลผลในเครื่องทั้งหมด: การสร้าง คัดลอก และดาวน์โหลดเกิดขึ้นในเบราว์เซอร์เท่านั้น

ตัวอย่างโค้ด

JavaScript: ใช้ generated.json เป็น Mock

javascript

เก็บ generated.json ไว้ในโฟลเดอร์ mock ภายในเครื่อง แล้วอ่านด้วย fetch

// Put generated.json under /public/mock/users.json
async function fetchMockUsers() {
  const res = await fetch('/mock/users.json');
  return res.json();
}

Python: ขยายการสร้างข้อมูลด้วย Faker

python

ถ้าต้องการข้อมูลที่หลากหลายขึ้น สามารถใช้ร่วมกับ Faker ได้

from faker import Faker
import json

fake = Faker('th_TH')
users = [{"id": fake.random_int(), "name": fake.name(), "email": fake.email()} for _ in range(10)]
print(json.dumps(users, ensure_ascii=False, indent=2))

คำถามที่พบบ่อย

เครื่องมือสร้าง JSON ใช้ทำอะไรได้บ้าง?

ใช้สร้างข้อมูล JSON แบบสุ่มตามโครงสร้างที่คุณกำหนด เหมาะสำหรับ Mock ฝั่ง frontend การเชื่อมต่อ API การทดสอบอัตโนมัติ และตัวอย่างในเอกสาร

รองรับฟิลด์ประเภทใดบ้าง?

รองรับ String, Integer, Number, Boolean, Email, Name, UUID, Date, URL, Phone, Paragraph, Enum และ Array

สร้างได้สูงสุด 1000 รายการหรือไม่?

ได้ เปิดโหมด array แล้วใส่จำนวนตั้งแต่ 1 ถึง 1000 ระบบจะสร้าง JSON array ตามจำนวนที่ต้องการ

ฟิลด์ Enum ทำงานอย่างไร?

ใส่ค่าคั่นด้วยจุลภาค เช่น admin,user,guest ทุกครั้งที่สร้างข้อมูล เครื่องมือจะสุ่มเลือกหนึ่งค่าจากรายการ

ควบคุมช่วงตัวเลขและความยาวข้อความได้ไหม?

ได้ ฟิลด์ Integer, Number และ Paragraph รองรับ min / max เพื่อให้ข้อมูลตรงกับเงื่อนไขงานมากขึ้น

UUID เป็นไปตามมาตรฐานหรือไม่?

ใช่ UUID ถูกสร้างตาม RFC 4122 v4 จึงใช้เป็นตัวอย่าง primary key หรือ tracking ID ได้

คัดลอกหรือดาวน์โหลดผลลัพธ์ได้ไหม?

ได้ คุณสามารถคัดลอก JSON ที่จัดรูปแบบแล้วหรือดาวน์โหลดเป็นไฟล์ generated.json

ข้อมูลถูกส่งไปที่เซิร์ฟเวอร์หรือไม่?

ไม่ ทุกอย่างทำงานแบบ local ในเบราว์เซอร์ โครงสร้างข้อมูลทดสอบของคุณจะไม่ถูกอัปโหลดออกไป

การแก้ไขปัญหา

ระบบแจ้งให้เพิ่มอย่างน้อยหนึ่งฟิลด์

ยังไม่มีแถวที่มีชื่อฟิลด์ถูกต้อง กรุณาใส่ชื่ออย่างน้อยหนึ่งฟิลด์ใน Schema builder

Enum ได้ค่าว่างตลอด

รายการตัวเลือกอาจว่างหรือมีแต่เครื่องหมายจุลภาค เพิ่มค่าอย่างน้อยหนึ่งค่าแล้วลองใหม่

ฟิลด์ตัวเลขกลายเป็น NaN

ตรวจสอบค่า min / max ว่าเป็นตัวเลขถูกต้อง หรือปล่อยว่างเพื่อใช้ค่าปริยาย

หน้าเว็บช้าเมื่อสร้าง 1000 รายการ

ปริมาณข้อมูลระดับนี้อาจทำให้เบราว์เซอร์หนัก ลองสร้างทีละ 300-500 รายการ

ต้องการ object เดียวแทน array

ปิดตัวเลือก generate as array ที่ด้านล่างของ Schema builder

อภิธานศัพท์

JSON: รูปแบบแลกเปลี่ยนข้อมูลขนาดเล็กที่ใช้กันแพร่หลายใน Web API
ข้อมูล Mock: ข้อมูลจำลองที่เลียนแบบข้อมูลธุรกิจจริงสำหรับงานพัฒนาและทดสอบ
Schema: คำอธิบายโครงสร้างข้อมูล ในเครื่องมือนี้คือรายการฟิลด์และประเภทในตัวสร้างด้านซ้าย
UUID (v4): รูปแบบตัวระบุไม่ซ้ำตาม RFC 4122 v4
Enum: ประเภทฟิลด์ที่เลือกค่าหนึ่งค่าจากรายการที่กำหนดไว้ล่วงหน้า
min / max: ค่าต่ำสุดและค่าสูงสุดสำหรับฟิลด์ตัวเลขหรือความยาวข้อความ
การประมวลผลในเครื่อง: ทุกการคำนวณเกิดขึ้นในเบราว์เซอร์ของผู้ใช้โดยไม่ส่งข้อมูลไปยังเซิร์ฟเวอร์
Fixture: ไฟล์ข้อมูลตัวอย่างแบบคงที่ที่ใช้ซ้ำในการทดสอบ

ตารางอ้างอิงฟิลด์หลัก

สรุปฟิลด์ที่ใช้บ่อยและตัวอย่างการใช้งาน

ประเภทฟิลด์	กติกา	ตัวอย่าง	การใช้งาน
`String`	ข้อความสุ่มจาก a-z และ 0-9	`a8f3k0d2`	โทเคน ข้อความชั่วคราว
`Integer`	จำนวนเต็มสุ่มในช่วง [min, max]	`42`	อายุ จำนวน
`Number`	เลขสุ่มทศนิยมสองตำแหน่ง	`73.28`	ราคา คะแนน
`Email`	ชื่อ + โดเมนทดสอบ	`james.smith247@example.com`	อีเมลผู้ใช้ปลอม
`UUID`	รูปแบบ RFC 4122 v4	`f47ac10b-58cc-4372-a567-0e02b2c3d479`	ID, tracking ID
`Enum`	เลือกหนึ่งค่าจากรายการ	`admin`	สถานะ บทบาท ประเภท

Privacy & Security

การกำหนดฟิลด์ การสร้างข้อมูลแบบสุ่ม การคัดลอก และการดาวน์โหลดทั้งหมดในเครื่องมือสร้าง JSON นี้ทำงานในเบราว์เซอร์ของคุณเท่านั้น Schema ผลลัพธ์ และชื่อฟิลด์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์หรือเก็บไว้บนคลาวด์