Je, ninazalishaje miingiliano ya TypeScript kutoka kwa majibu ya API ya JSON?

Bandika JSON kwenye Ingizo la JSON na Matokeo ya TypeScript yanasasishwa. Weka Jina la interface ya mzizi, kisha tumia Nakili au Pakua .ts. Vitu vya ndani vinakuwa miingiliano tofauti iliyopewa majina.

Je, ninaweza kupata jina mbadala la aina badala ya interface?

Ndiyo. Chagua jina mbadala la aina badala ya interface kwenye chaguo, na matokeo yanabadilika kati ya export type na export interface. Jina la mzizi linachukuliwa kuwa Root ikiwa sehemu hiyo ni tupu.

Kwa nini inasema Invalid JSON?

Ingizo linakaguliwa kwa JSON.parse, kwa hivyo lazima iwe JSON kali: funguo zenye nukuu mbili, hakuna koma za mwisho, hakuna maoni. Ujumbe wa mchanganuzi mwenyewe unaonyeshwa baada ya Invalid JSON ili uweze kupata tatizo.

Inashughulikiaje safu zenye maumbo tofauti ya vitu?

Kwa safu za vitu, funguo zinaunganishwa kwenye vitu vyote. Funguo ambazo hazipo kwenye baadhi ya vitu zinakuwa za hiari, na funguo yenye aina tofauti za thamani inapata aina ya muungano iliyounganishwa na |.

Je, JSON yangu inatumwa kwenye seva?

Hapana. Uchanganuzi na uzalishaji wa aina hutumia JavaScript ya kawaida kwenye kivinjari chako, bila maktaba ya nje. Pakua .ts inaunda faili ndani ya kifaa na kuiita jina la interface ya mzizi.

Ndiyo. Kila zana ni bure kutumia, bila akaunti na bila kadi ya mkopo. Kazi inafanyika kwenye kifaa chako badala ya seva zetu, jambo linaloiwezesha kuwa bure kutumika.

Je, inafanya kazi kwenye simu?

Ndiyo. Inafanya kazi kwenye vivinjari vya kisasa vya simu vya iOS na Android, bila kusakinisha chochote.

📝

Kibadilishi cha JSON hadi TypeScript bila malipo

Tengeneza violesura vya TypeScript au aina mbadala kutoka kwa kitu chochote cha JSON au safu mlalo. Bandika JSON yako na upate aina za TypeScript tayari kutumika haraka.

Inafanya kazi kwenye kivinjari chakoHakuna usajili, hakuna madirisha ibukiziHakuna kuingia kinachohitajikaBure milele

Inafanya kazi bila mtandao mara ikishapakia

Jina la interface ya mzizi

Ingizo la JSON

Matokeo ya 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;
}

Matumizi ya kawaida

Tengeneza aina za TypeScript kutokana na matokeo ya APIAndika jibu la JSON la API na tengeneza mfululizo wa TypeScript kwa haraka kwa ajili ya nambari salama ya msimbo wa mbele.
Aina za TypeScript kwa ajili ya usanidi na vitu vya mpangilioTengeneza kiolesura cha TypeScript kutokana na faili za usanidi wa JSON ili kuongeza usalama wa aina kwa mipangilio ya programu.
Tengeneza aina za TypeScript kutokana na rekodi za hifadhi ya dataBadilisha rekodi za hifadhi ya data zilizosafiwa na JSON au matokeo ya ORM kwa ajili ya kiolesura cha TypeScript kwa ajili ya kupiga hatua kwa data.
Aina data ya njia na wezekazo wa jaribuTengeneza kiolesura cha TypeScript kutokana na data ya njia ya JSON na wezekazo wa jaribu ili kunyiga jaribio lako la kitengo na hadithi za Storybook.
Aina matokeo ya API ya wahusika wa tatuTengeneza kiolesura cha TypeScript kutokana na matokeo ya API ya wahusika wa tatu ambapo aina rasmi hazipatikani au zinajifanya.

Jinsi Inavyofanya Kazi

Kifaa hiki kinatumia alkoritimu ya kubashiri aina ya kurudia iliyoandikwa mwenyewe bila maktaba za nje — JSON.parse kuthibitisha na kuchambua uingizaji, kisha utambaazaji maalum unaopitia kila thamani kwenye mti wa JSON na kutoa matamko ya interface au type ya TypeScript moja kwa moja kwenye kivinjari. Hakuna kinachotumwa kwa seva.

1
JSON imechambuliwa na kuthibitishwa
Uingizaji wako unapitishwa kwa JSON.parse. Ikishindwa, hitilafu halisi ya uchambuzi inaonekana papo hapo chini ya uingizaji. Uchambuzi uliofaulu unatoa mti wa thamani ulioainishwa unaoendesha sehemu iliyobaki ya ubadilishaji.
2
Ukisiaji wa aina wa kurudia
Kazi ya kurudia ya getType inapitia kila nodi: primitives zinaunganishwa na string, number, boolean, au null; vitu vinaanzisha interface mpya yenye jina; safu za vitu zina funguo zake zilizounganishwa kwenye vipengele vyote ili funguo zilizopo kwenye baadhi tu ya vitu ziwe za hiari na aina za thamani zinazokinzana zinaunganishwa na |.
3
Uwekaji jina la interface usio na mgongano
Kila kitu kilichoingiliana kinapata jina la PascalCase linalotokana na funguo yake ya JSON (snake_case, kebab-case, na nafasi zote zinasanifishwa). Ikiwa vitu viwili vyenye muundo tofauti vingeshiriki jina lile lile, kiambishi cha nambari kinaongezwa (Data, Data2, …) badala ya kuandika upya kimya kimya tamko la awali.
4
Matokeo yameonyeshwa na yanayopakuliwa
Interfaces zilizoingiliana zinatolewa kwanza, kisha aina ya mzizi, ikipangwa kama export interface au export type kulingana na uchaguzi wako. Matokeo yanaweza kunakiliwa kwenye clipboard au kupakuliwa kama faili la .ts — vyote vimejengwa na Blob ya kawaida bila mzunguko wa seva.

Zana Zinazohusiana

📋

JSON Schema hadi Fomu

Bandika JSON Schema na upate fomu ya moja kwa moja inayofanya kazi — maandishi, nambari, kisanduku cha kupigia tiki, orodha kunjufu, na sehemu za orodha — kisha nakili JSON inayotokana na maingizo yako. Bora kwa kutengeneza miili ya ombi ya API. Inafanya kazi kwenye kivinjari chako.

Jaribu

⌨️

Jaribio la Kasi ya Kuandika (WPM)

Pima kasi yako ya kuandika (WPM) na usahihi kwa majaribio ya muda, idadi ya maneno, nukuu, maalum, na zen. WPM ya moja kwa moja, kasi ghafi, uthabiti, chati ya matokeo, lugha nyingi, na maoni ya kila herufi — yote kwenye kivinjari chako.

Jaribu

📐

Jenereta ya CSS clamp()

Tengeneza thamani ya CSS clamp() ya mtiririko kwa fonti na nafasi inayojibu. Weka ukubwa wa chini/juu na mbalimbali wa eneo la kuona, uone mwonekano wa moja kwa moja, na nakili CSS ya mstari mmoja.

Jaribu

Kibadilishi cha JSON hadi TypeScript bila malipo

Matumizi ya kawaida

Jinsi Inavyofanya Kazi

Zana Zinazohusiana

JSON Schema hadi Fomu

Jaribio la Kasi ya Kuandika (WPM)

Jenereta ya CSS clamp()

Maswali Yanayoulizwa Mara Kwa Mara