jsonhero web

Trigger.devによってあなたにもたらされました

Json Heroが作成され、Trigger.devの背後にあるチームによって維持されています。 Trigger.devを使用すると、API、スケジュール、またはオンデマンドでワークフローをトリガーできます。認証が処理されてAPI呼び出しを簡単にし、サーバーの再起動に耐える耐久性のある遅延を追加できます。

JSONヒーロー

JSON Heroは、追加の機能を備えた清潔で美しいUIを提供することで、JSONファイルを簡単に読んで理解します。

• ビューJSONが希望する方法：列ビュー、ツリービュー、エディタービューなど。
• 文字列の内容を自動的に推進し、便利なプレビューを提供します
• JSONを検証するために使用できる推定されたJSONスキーマを作成します
• 関連する値をすばやくスキャンして、エッジケースをチェックします
• JSONファイルを検索します（キーと値の両方）
• キーボードにアクセス可能
• パスサポートを備えた簡単に共有できるURL

特徴

JSONヒーローに送ってください

さまざまな方法でJSONをJSONヒーローに送る

• jsonhero.ioに向かい、JSONファイルをドラッグアンドドロップするか、提供されたフォームにJSONまたはJSON URLを貼り付けてください

• jsonペイロードのbase64エンコード文字列を含めます：jsonhero.io/new?j = eyaizm9vijogimjhciigfq ==

• newエンドポイントにJSON URLを含めます：jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1

• VSコード拡張機能とVSコードからJSONを開く

• レイキャストユーザー？こちらの拡張機能をご覧ください

• 非公式のAPIを使用します：

  • 次のJSONボディを使用して、 jsonhero.io/api/create.json api/create.jsonにPOSTリクエストを行います。

  {
    "title" : " test 123 " ,
    "content" : { "foo" : " bar " },
    "readOnly" : false , // this is optional, will make it so the document title cannot be edited or document cannot be deleted
    "ttl" : 3600 // this will expire the document after 3600 seconds, also optional
  }

  JSON応答は次のとおりです。

  {
    "id" : " YKKduNySH7Ub " ,
    "title" : " test 123 " ,
    "location" : " https://jsonhero.io/j/YKKduNySH7Ub "
  }

列ビュー

MacOS Finderに触発された列ビューは、JSONドキュメントを閲覧する新しい方法です。

キーボードナビゲーション、パスバー、履歴など、予想されるすべての機能があります。

また、選択された子孫を「保持」し、階層を介して移動し、兄弟の間を移動して、そのパスで見つかったさまざまな値を表示できる気の利いた機能があります。説明するのは難しいですが、ここにデモンストレーションを支援するアニメーションがあります。

ご覧のとおり、親に移動しながらOption （またはWindowsのAltキー）を保持して、ドキュメントの部分を選択し、その周囲のJSONのコンテキストで表示します。次に、配列内のアイテム間を通過し、深いヒエラルキーカーン全体で選択の値を比較できます。

編集者ビュー

編集者でJSONドキュメント全体を表示しますが、ドキュメントの周りを移動するときに、サイドバーから得られる素敵なプレビューと関連する値を保持します。

ツリービュー

従来のツリービューを使用して、折りたたみ可能なセクションとキーボードショートカットを使用して、JSONドキュメントを通過します。素敵なプレビューを維持している間：

検索

検索パネルをすばやく開き、JSONファイル全体をミリ秒でファジー検索します。キー名、キーパス、値、さらにはかなりフォーマットされた値を検索します（たとえば、 "Dec"を検索すると、12月にDateTime文字列が見つかります。）

コンテンツプレビュー

JSONヒーローは、文字列のコンテンツを自動的に推進し、選択した値の有用なプレビューとプロパティを提供します。 JSONの「ショードントテル」です：

日付と時刻

画像URL

ウェブサイトURL

URLをツイートします

JSON URLS

色

関連値

undefinedまたはnull値を含む特定のフィールドについて、JSONドキュメント全体に関連するすべての値を簡単に表示できます。

バグと機能リクエスト

バグまたは機能リクエストがありますか？新しい問題を自由に開いてください。

また、私たちのDiscordチャンネルに参加して、たむろしてあなたが望むものについて話し合うこともできます。

現像

ローカルで実行するには、最初にリポジトリをクローンして依存関係をインストールします。

git clone https://github.com/triggerdotdev/jsonhero-web.git
cd jsonhero-web
npm install

次に、 .envと呼ばれるリポジトリのルートにファイルを作成し、 SESSION_SECRET値を設定します。

 SESSION_SECRET=abc123

次に、 npm run buildまたはnpm run dev実行してビルドします。

次に、 npm startてhttp://localhost:8787に開きます