jsonhero web

Von Trigger.dev zu Ihnen gebracht

Json Hero wurde geschaffen und wird vom Team hinter Trigger.dev gepflegt. Mit Trigger.dev können Sie Workflows von APIs, nach Bedarf aus APIs aus auslösen. Wir machen API -Anrufe mit der Authentifizierung für Sie einfach und Sie können dauerhafte Verzögerungen hinzufügen, die den Server -Neustart überleben.

JSON Held

JSON Hero erleichtert das Lesen und Verstehen von JSON -Dateien, indem Sie Ihnen eine saubere und schöne Benutzeroberfläche mit zusätzlichen Funktionen geben.

• Sehen Sie sich JSON an, wie Sie möchten: Spaltenansicht, Baumansicht, Editoransicht und mehr.
• Ergreift automatisch den Inhalt der Zeichenfolgen und bietet nützliche Voransichten
• Erstellt ein abgeleitetes JSON -Schema, mit dem Sie Ihren JSON validieren könnten
• Scannen Sie schnell verwandte Werte, um nach Kantenfällen zu überprüfen
• Suchen Sie Ihre JSON -Dateien (sowohl Schlüssel als auch Werte)
• Tastatur zugänglich
• Leicht gemeinsam genutzbare URLs mit Pfadunterstützung

Merkmale

Senden Sie an JSON Hero

Senden Sie Ihren JSON auf verschiedene Weise an JSON Hero

• Gehen Sie zu jsonhero.io und ziehen Sie eine JSON -Datei ab oder fügen Sie JSON oder eine JSON -URL in das bereitgestellte Formular ein

• Fügen Sie eine base64 codierte Zeichenfolge einer JSON -Nutzlast hinzu: jsonhero.io/new?j=eyaizm9vijogimjhciigfq==

• Fügen Sie eine JSON -URL zum new Endpunkt ein: jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1

• Installieren Sie die VS -Code -Erweiterung und öffnen Sie JSON aus dem VS -Code

• Raycast -Benutzer? Schauen Sie sich unsere Erweiterung hier an

• Verwenden Sie die inoffizielle API:

  • Machen Sie eine POST an jsonhero.io/api/create.json mit der folgenden JSON -Körperschaft:

  {
    "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
  }

  Die JSON -Antwort lautet wie folgt:

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

Spaltenansicht

Die Spaltenansicht inspiriert von MacOS Finder ist eine neue Art, ein JSON -Dokument zu durchsuchen.

Es verfügt über alle Funktionen, die Sie erwarten würden: Tastaturnavigation, Pfadleiste, Geschichte.

Es verfügt auch über eine nützliche Funktion, mit der Sie einen ausgewählten Nachkommen "halten" können, der durch die Hierarchie geht, sich dann zwischen Geschwistern bewegen und die verschiedenen auf diesem Pfad gefundenen Werte anzeigen können. Es ist schwer zu beschreiben, aber hier ist eine Animation, um zu demonstrieren:

Wie Sie sehen können, hält die Option (oder Alt -Taste unter Windows) beim Übergang zu einem übergeordneten Teil des Dokuments ausgewählt und zeigt es im Kontext seiner Umgebung. Dann können Sie zwischen den Elementen in einem Array durchqueren und die Werte der Auswahl über die tiefen Hierarchie -Cahnges vergleichen.

Ansicht der Herausgeber

Sehen Sie sich Ihr gesamtes JSON -Dokument in einem Editor an, behalten Sie jedoch die netten Vorschau und verwandten Werte, die Sie in der Seitenleiste erhalten, wenn Sie sich um das Dokument bewegen:

Baumansicht

Verwenden Sie eine traditionelle Baumansicht, um Ihr JSON -Dokument mit zusammenklappbaren Abschnitten und Tastaturverknüpfungen zu durchqueren. Während der schönen Vorschau aufbewahrt:

Suchen

Öffnen Sie schnell ein Suchpanel und Fuzzy -Suchen Sie Ihre gesamte JSON -Datei in Millisekunden. Suchen Sie nach Schlüsselnamen, "Dec" , Werten und sogar ziemlich formatierten Werten.

Inhaltsvorschau

JSON Hero färbt automatisch den Inhalt von Zeichenfolgen und bietet nützliche Voransichten und Eigenschaften des von Ihnen ausgewählten Wertes. Es ist "Show Don't Tell" für JSON:

Daten und Zeiten

Bild -URLs

Website -URLs

Tweet -URLs

JSON -URLS

Farben

Verwandte Werte

Sehen Sie ganz einfach alle zugehörigen Werte in Ihrem gesamten JSON -Dokument für ein bestimmtes Feld, einschließlich aller undefined oder null .

Fehler und Feature -Anfragen

Haben Sie einen Fehler oder eine Funktionsanforderung? Fühlen Sie sich frei, ein neues Problem zu eröffnen.

Sie können sich auch unserem Discord -Kanal anschließen, um über alles zu diskutieren, was Sie möchten.

Entwicklung

Um lokal auszuführen, klonen Sie zunächst das Repo und installieren Sie die Abhängigkeiten:

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

Erstellen SESSION_SECRET dann eine Datei am Stamm des Repo aufgerufen .env

 SESSION_SECRET=abc123

Rennen Sie dann npm run build oder npm run dev zum Erstellen.

Führen Sie nun npm start und öffnen Sie Ihren Browser an http://localhost:8787