কীভাবে একটি JSON API রেসপন্স থেকে TypeScript ইন্টারফেস তৈরি করব?

JSON ইনপুট-এ JSON পেস্ট করুন এবং TypeScript আউটপুট আপডেট হবে। রুট ইন্টারফেস নাম সেট করুন, তারপর কপি করুন বা .ts ডাউনলোড করুন ব্যবহার করুন। নেস্টেড অবজেক্টগুলি আলাদা নামযুক্ত ইন্টারফেসে পরিণত হয়।

আমি কি ইন্টারফেসের পরিবর্তে একটি টাইপ অ্যালিয়াস পেতে পারি?

হ্যাঁ। অপশনে interface-এর বদলে type alias বেছে নিন, তাহলে আউটপুট export type ও export interface-এর মধ্যে বদলে যায়। ফিল্ড খালি থাকলে রুটের নাম ডিফল্টে Root হয়।

এটি Invalid JSON কেন বলে?

ইনপুটটি JSON.parse দিয়ে পরীক্ষা করা হয়, তাই এটি অবশ্যই কঠোর JSON হতে হবে: ডাবল-কোটেড কী, কোনো ট্রেইলিং কমা নেই, কোনো কমেন্ট নেই। Invalid JSON-এর পরে পার্সারের নিজস্ব বার্তা দেখানো হয় যাতে আপনি সমস্যাটি খুঁজে পেতে পারেন।

এটি বিভিন্ন অবজেক্ট শেপ সহ অ্যারে কীভাবে পরিচালনা করে?

অবজেক্টের অ্যারের জন্য, সমস্ত আইটেম জুড়ে কীগুলি একত্রিত করা হয়। কিছু আইটেম থেকে অনুপস্থিত কীগুলি অপশনাল হয়ে যায়, এবং বিভিন্ন ভ্যালু টাইপ সহ একটি কী | দিয়ে যুক্ত একটি ইউনিয়ন টাইপ পায়।

আমার JSON কি কোনো সার্ভারে পাঠানো হয়?

না। পার্সিং এবং টাইপ জেনারেশন আপনার ব্রাউজারে সাধারণ জাভাস্ক্রিপ্ট ব্যবহার করে, কোনো বাহ্যিক লাইব্রেরি ছাড়াই। .ts ডাউনলোড করুন স্থানীয়ভাবে ফাইলটি তৈরি করে এবং রুট ইন্টারফেসের নামে নামকরণ করে।

এটি কি সত্যিই বিনামূল্যে?

হ্যাঁ। প্রতিটি টুল বিনামূল্যে ব্যবহার করা যায়, কোনো অ্যাকাউন্ট বা ক্রেডিট কার্ড ছাড়াই। কাজটি আমাদের সার্ভারের পরিবর্তে আপনার ডিভাইসে চলে, যার কারণে এটি চালানো বিনামূল্যে থাকে।

এটি মোবাইলে কাজ করে?

হ্যাঁ। কিছু ইনস্টল না করেই iOS ও Android-এর আধুনিক মোবাইল ব্রাউজারে চলে।

📝

বিনামূল্যে JSON থেকে TypeScript কনভার্টার

যেকোনো JSON অবজেক্ট বা অ্যারে থেকে TypeScript ইন্টারফেস বা টাইপ অ্যালিয়াস তৈরি করুন। আপনার JSON পেস্ট করুন এবং ব্যবহার-প্রস্তুত TypeScript টাইপ তাৎক্ষণিক পান।

ব্রাউজারেই চলেসাইন-আপ নেই, পপ-আপ নেইলগইনের প্রয়োজন নেইচিরকালের জন্য বিনামূল্যে

একবার লোড হলে অফলাইনেও কাজ করে

রুট ইন্টারফেস নাম

JSON ইনপুট

TypeScript আউটপুট

export interface User {
  id: number;
  name: string;
  email: string;
  isActive: boolean;
  score: number;
  tags: string[];
  address?: null;
}

export interface Root {
  user: User;
  createdAt: string;
  version: number;
}

সাধারণ ব্যবহার

API প্রতিক্রিয়া থেকে TypeScript প্রকার তৈরি করুনএকটি API JSON প্রতিক্রিয়া পেস্ট করুন এবং তাৎক্ষণিকভাবে আপনার ফ্রন্টএন্ড কোডের জন্য টাইপ-নিরাপদ TypeScript ইন্টারফেস তৈরি করুন।
কনফিগ এবং সেটিংস অবজেক্টের জন্য TypeScript প্রকারJSON কনফিগ ফাইল থেকে TypeScript ইন্টারফেস তৈরি করুন আপনার অ্যাপ্লিকেশন সেটিংসে টাইপ সুরক্ষা যোগ করতে।
ডেটাবেস রেকর্ড থেকে TypeScript প্রকার তৈরি করুনJSON-তে রপ্তানি করা ডেটাবেস রেকর্ড বা ORM কোয়েরি ফলাফল ডেটা স্তর টাইপিংয়ের জন্য TypeScript ইন্টারফেসে রূপান্তরিত করুন।
মক ডেটা এবং পরীক্ষা ফিক্সার প্রকার করুনJSON মক ডেটা এবং পরীক্ষা ফিক্সার থেকে TypeScript ইন্টারফেস তৈরি করুন আপনার ইউনিট পরীক্ষা এবং Storybook গল্পগুলি টাইপ করতে।
তৃতীয় পক্ষের API প্রতিক্রিয়া প্রকার করুনতৃতীয় পক্ষের API প্রতিক্রিয়া থেকে TypeScript ইন্টারফেস তৈরি করুন যেখানে অফিসিয়াল প্রকারগুলি অনুপস্থিত বা পুরানো হয়ে গেছে।

কিভাবে কাজ করে

এই টুল কোনো বাইরের লাইব্রেরি ছাড়া একটি হাতে লেখা রিকার্সিভ টাইপ অনুমান অ্যালগরিদম ব্যবহার করে — ইনপুট যাচাই ও পার্সের জন্য JSON.parse, তারপর একটি কাস্টম traversal যা JSON ট্রির প্রতিটি মান ঘুরে সরাসরি ব্রাউজারে TypeScript interface বা type ঘোষণা তৈরি করে। কিছুই সার্ভারে পাঠানো হয় না।

1
JSON পার্স ও যাচাই
আপনার ইনপুট JSON.parse-এ দেওয়া হয়। ব্যর্থ হলে ইনপুটের ঠিক নিচে সঙ্গে সঙ্গে সঠিক পার্স ত্রুটি দেখায়। সফল পার্স একটি টাইপড মানের ট্রি দেয়, যা বাকি রূপান্তর চালায়।
2
রিকার্সিভ টাইপ অনুমান
একটি রিকার্সিভ getType ফাংশন প্রতিটি নোড ঘোরে: primitive string, number, boolean বা null-এ মেলে; অবজেক্ট একটি নতুন নামযুক্ত interface তৈরি করে; অবজেক্টের অ্যারেতে সব এলিমেন্টের কী একত্র হয়, তাই কিছু আইটেমে থাকা কী ঐচ্ছিক হয় এবং বিরোধী মানের টাইপ | দিয়ে জোড়া হয়।
3
সংঘর্ষমুক্ত interface নামকরণ
প্রতিটি নেস্টেড অবজেক্ট তার JSON কী থেকে একটি PascalCase নাম পায় (snake_case, kebab-case ও স্পেস সব নর্মালাইজ হয়)। কাঠামোগতভাবে আলাদা দুটি অবজেক্টের একই নাম হলে আগের সংজ্ঞা চুপচাপ মুছে না দিয়ে একটি সংখ্যা যোগ হয় (Data, Data2, …)।
4
আউটপুট প্রদর্শন ও ডাউনলোডযোগ্য
প্রথমে নেস্টেড interface, তারপর root type লেখা হয়, আপনার বাছাই অনুযায়ী export interface বা export type হিসেবে ফরম্যাট করে। ফলাফল ক্লিপবোর্ডে কপি বা .ts ফাইল হিসেবে ডাউনলোড করা যায় — সবই একটি সাধারণ Blob দিয়ে, কোনো সার্ভার আসা-যাওয়া ছাড়া।

বিনামূল্যে JSON থেকে TypeScript কনভার্টার

সাধারণ ব্যবহার

কিভাবে কাজ করে

সম্পর্কিত টুলস

JSON স্কিমা থেকে ফর্ম

টাইপিং গতি পরীক্ষা (WPM)

CSS clamp() জেনারেটর

সচরাচর জিজ্ঞাসিত প্রশ্নাবলী