JSON から TypeScript へのコンバーターは、サンプルの JSON 値 (API 応答、構成ファイル、データベース レコード) を読み取り、それを説明する TypeScript インターフェイスを書き出します。 ネストされたオブジェクトは、独自の名前付きインターフェイスになり、オブジェクトの配列は、広大なユニオンではなく 1 つの要素インターフェイスにマージされ、一部のレコードに null または欠落しているキーはオプションとしてマークされます。 すでに持っているデータを貼り付け、他の方法で手書きするタイプを取得します。
手で API レスポンスを入力するのは面倒で、特定の方法でエラーが発生しやすい: エンドポイントが実際に返したものではなく、* 思う* と思う* ものを入力します。 気付かなかったフィールドは省略されます。整数は null である場合があり、「number」と入力され、エディタではなく、実稼働時にエラーが発生します。 実際のペイロードから直接型を生成すると、そのギャップが解消されます。これは、コンパイルしたシェイプがサーバーが実際に送信した形状であるためです。
すべてがブラウザで実行されます。 推論エンジンは依存関係のないタイプスクリプトであり、リモート サービスのラッパーではないため、日常的にアクセス トークン、顧客レコード、内部 ID を運ぶペイロードは、ページから離れることはありません。 インターフェイスまたはタイプ エイリアスを選択し、「export」キーワードと「readonly」モディファイヤを切り替え、インデント幅を選択してから、出力をコピーするか、.ts ファイルをダウンロードします。
API 応答、フィクスチャ ファイル、または JSON 値をドロップします。 ネストされたオブジェクト、配列、および null フィールドがどのように処理されるかを確認する場合は、最初にサンプルをロードします。
ルート タイプ名 (通常はユーザーまたは請求書など) を設定します。 ネストされたインターフェイスは、キーから自動的に名前が付けられ、配列要素名が特異化されます (リリースはリリースになります)。
インターフェイスまたはタイプ エイリアスを選択し、各宣言をエクスポートするかどうかを決定し、コードベースが不変の形状を好む場合は readonly モディファイヤを追加して、インデントを 2 または 4 のスペースに設定します。
[生成] を押します。 推測されたオプションとユニオンを確認してから、コードをクリップボードにコピーするか、タイプ フォルダーにドロップできる .ts ファイルとしてダウンロードします。
ネストされたすべてのオブジェクトは、インラインの匿名シェイプではなく、名前付き再利用可能な独自のインターフェイスになるため、内部型を個別にインポートおよび参照できます。
オブジェクトの配列が 1 つの要素インターフェイスにマージされます。 一部のレコードには存在するキーはオプションになりますが、他のレコードには存在しないものになります。これは、実際のページ分割された API データの動作方法です。
null 値がキーがオプションであることを意味するか、または null がユニオンに属しているかを選択します。 どちらもよくある規則です。このツールはコードベースに強制的には使用しません。
`interface user {}` または `type user = {}` を発行して、既存の Lint ルールに一致させ、オプションの `export` および `readonly` 修飾子をすべての宣言に一貫して適用して、それを適用します。
Format, validate, and minify JSON data
Convert JSON to clean, valid YAML instantly — configurable indentation and safe string quoting
Convert JSON to well-formed XML instantly. Map object keys to elements, @-prefixed keys to attributes and #text to content, expand arrays into repeated tags, and export minified or pretty-printed XML. 100% client-side.
0 comments
No comments yet. Be the first to share your thoughts!