TypeScript से Mock JSON जनरेटर
एक TypeScript interface पेस्ट करें और उसके अनुरूप यथार्थवादी mock JSON बनाएँ, सीधे अपने ब्राउज़र में। आपका कोड आपके डिवाइस पर रहता है।
आपका TypeScript interface आपके ब्राउज़र में स्थानीय रूप से पार्स और mock किया जाता है और कभी अपलोड नहीं होता, और बनाया गया डेटा रैंडम नमूना डेटा है, असली रिकॉर्ड नहीं।
पहले से JSON है? इसे JSON to TypeScript से TypeScript में बदलें।
TypeScript से Mock JSON के बारे में
यह TypeScript से mock data टूल आपके पेस्ट किए गए किसी interface या type alias को लेकर उसके आकार से मेल खाता यथार्थवादी mock JSON बनाता है। यह type संरचना को पढ़ता है और हर property के लिए एक नकली मान चुनता है, फ़ील्ड नाम और घोषित type दोनों के आधार पर: एक email फ़ील्ड एक संभावित ईमेल बन जाता है, name एक पूरा नाम बन जाता है, createdAt एक ISO तारीख बन जाता है, id एक UUID या संख्या बन जाता है, और सादी strings शब्द बन जाती हैं। नेस्टेड interfaces, inline objects, arrays, string-literal unions, वैकल्पिक members और Date सभी संभाले जाते हैं, और आप नियंत्रित करते हैं कि कितने objects बनाने हैं और वैकल्पिक फ़ील्ड दिखें या नहीं। इसका उपयोग टेस्ट सीड करने, API रिस्पॉन्स प्रोटोटाइप करने, या हाथ से fixtures लिखने के बजाय किसी UI को नमूना डेटा से भरने के लिए करें। सब कुछ आपके ब्राउज़र में चलता है, इसलिए आपका डेटा आपके डिवाइस से बाहर नहीं जाता।
विशेषताएँ
- किसी भी TypeScript interface या type alias को पढ़ता है और मेल खाता JSON आकार अनुमानित करता है
- फ़ील्ड नाम से नकली मान चुनता है — email, name, phone, url, uuid, date और अन्य
- जब कोई नाम-संकेत मेल नहीं खाता तो घोषित type पर लौटता है (string, number, boolean, null)
- नेस्टेड interfaces, inline object types और संदर्भित types में recurse करता है
- tags: string[] जैसे array फ़ील्ड को कई बनाए गए आइटम में विस्तारित करता है
- 'admin' | 'editor' जैसे string-literal union की एक शाखा चुनता है
- optional (prop?:) फ़ील्ड चालू/बंद टॉगल करें और 1 object या कई का array बनाएँ
- JSON को एक क्लिक में कॉपी करें या .json फ़ाइल के रूप में डाउनलोड करें
TypeScript से Mock JSON का उपयोग कैसे करें
- एक TypeScript interface या type alias इनपुट बॉक्स में पेस्ट करें।
- कितने objects बनाने हैं और वैकल्पिक फ़ील्ड शामिल करने हैं या नहीं यह सेट करें।
- यदि आपने कई interfaces पेस्ट किए हैं, तो चुनें कि किसे root के रूप में इस्तेमाल करना है।
- दाईं ओर बना हुआ mock JSON पढ़ें, फिर इसे Copy करें या एक .json फ़ाइल डाउनलोड करें।
उदाहरण
इनपुट
interface User {
id: number;
fullName: string;
email: string;
role: 'admin' | 'editor' | 'viewer';
tags: string[];
}
आउटपुट
{
"id": 4821,
"fullName": "Ada Lovelace",
"email": "ada.lovelace@example.com",
"role": "editor",
"tags": [
"design",
"api"
]
}
फ़ील्ड नाम नकली मानों को दिशा देते हैं, जबकि union फ़ील्ड अपने किसी एक member में हल हो जाता है।
सामान्य त्रुटियाँ और समस्या निवारण
- आउटपुट में "No TypeScript interface or type alias found" दिखता है। — एक असली घोषणा पेस्ट करें जैसे interface User { id: number } या type User = { id: number }; एक सादे मान या expression का कोई आकार नहीं होता जिसे mock किया जा सके।
- एक संदर्भित type एक नेस्टेड object के बजाय एक सादे शब्द के रूप में निकलता है। — संदर्भित interface को उसी paste में शामिल करें। केवल पेस्ट किए गए स्रोत में परिभाषित types ही विस्तारित हो सकते हैं; अज्ञात या imported types एक string पर लौट आते हैं।
- एक enum या एक जटिल mapped type अपेक्षित तरीके से विस्तारित नहीं होता। — enums को एक string-literal union (जैसे 'a' | 'b') में बदलें ताकि एक member चुना जा सके; असामान्य निर्माण एक संभावित string पर लौट आते हैं।
- वैकल्पिक फ़ील्ड बार-बार दिखते रहते हैं (या कभी नहीं दिखते)। — Optionals टॉगल का उपयोग करें। जब यह बंद होता है, तो हर prop?: member छोड़ दिया जाता है; जब यह चालू होता है, तो वैकल्पिक members हमेशा शामिल होते हैं।
अक्सर पूछे जाने वाले प्रश्न
- TypeScript फ़ील्ड types को नकली मानों में कैसे बदला जाता है?
- हर property पहले उसके नाम से मिलाई जाती है — email, name, phone, url, uuid, createdAt और इसी तरह के संकेत मेल खाते नकली डेटा से मैप होते हैं — और अन्यथा उसके घोषित type से, इसलिए string, number, boolean और null प्रत्येक को एक समझदारी भरा बनाया गया मान मिलता है।
- क्या यह नेस्टेड interfaces, arrays और unions का समर्थन करता है?
- हाँ। नेस्टेड interfaces और inline object types पुनरावर्ती रूप से विस्तारित होते हैं, string[] जैसे array types कई बनाए गए आइटम बन जाते हैं, और 'admin' | 'editor' जैसा string-literal union अपने किसी एक member में हल हो जाता है।
- क्या मैं एक साथ कई objects का array बना सकता हूँ?
- हाँ। object count को 1 से ऊपर सेट करें और टूल उतने बनाए गए objects का एक JSON array लौटाता है; 1 का count एक array के बजाय एक अकेला object लौटाता है।
- वैकल्पिक properties कैसे संभाली जाती हैं?
- prop?: से वैकल्पिक चिह्नित members Optionals टॉगल से नियंत्रित होते हैं। उन्हें हमेशा शामिल करने के लिए इसे चालू करें, या आउटपुट से हर वैकल्पिक फ़ील्ड छोड़ने के लिए बंद करें।
- Date फ़ील्ड या ISO timestamp के साथ क्या होता है?
- एक Date type, और createdAt, updatedAt या timestamp जैसे नाम-संकेत, एक ISO 8601 तारीख string बनाते हैं ताकि mock JSON वैध और आसानी से पार्स करने योग्य बना रहे।
- क्या मैं जो TypeScript पेस्ट करता हूँ वह कहीं भेजा जाता है?
- नहीं। interface पूरी तरह आपके ब्राउज़र में पार्स होता है और mock JSON बनता है, इसलिए आपका डेटा आपके डिवाइस से बाहर नहीं जाता।
संबंधित टूल
सभी ArrayKit टूल