jsonhero web

Dibawa kepada Anda oleh Trigger.dev

JSON Hero diciptakan dan dikelola oleh tim di belakang Trigger.dev. Dengan Trigger.dev Anda dapat memicu alur kerja dari API, sesuai jadwal, atau sesuai permintaan. Kami membuat panggilan API mudah dengan otentikasi yang ditangani untuk Anda, dan Anda dapat menambahkan penundaan tahan lama yang bertahan hidup server restart.

Pahlawan json

JSON Hero membuat membaca dan memahami file JSON mudah dengan memberi Anda UI yang bersih dan indah yang dikemas dengan fitur tambahan.

• Lihat JSON dengan cara apa pun yang Anda inginkan: Tampilan kolom, tampilan pohon, tampilan editor, dan banyak lagi.
• Secara otomatis menyimpulkan isi string dan memberikan pratinjau yang bermanfaat
• Membuat skema JSON yang disimpulkan yang dapat digunakan untuk memvalidasi JSON Anda
• Pindai Nilai Terkait dengan Cepat untuk Memeriksa Kasing Edge
• Cari file JSON Anda (baik kunci dan nilai)
• Keyboard dapat diakses
• URL yang mudah dibagikan dengan dukungan jalur

Fitur

Kirim ke JSON Hero

Kirim JSON Anda ke Pahlawan JSON dalam berbagai cara

• Pergilah ke jsonhero.io dan seret dan lepas file json, atau tempel json atau json URL di formulir yang disediakan

• Sertakan string yang dikodekan base64 dari payload json: jsonhero.io/new?j=eyaizm9vijogimjhciigfq==

• Sertakan URL JSON ke titik akhir new : jsonhero.io/new?url=https://jsonplaceHolder.typicode.com/todos/1

• Instal ekstensi kode VS dan buka JSON dari VS Code

• Pengguna Raycast? Lihat ekstensi kami di sini

• Gunakan API tidak resmi:

  • Membuat permintaan POST ke jsonhero.io/api/create.json dengan tubuh JSON berikut:

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

  Respons JSON akan menjadi sebagai berikut:

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

Tampilan kolom

Terinspirasi oleh MacOS Finder, Tampilan Kolom adalah cara baru untuk menelusuri dokumen JSON.

Ini memiliki semua fitur yang Anda harapkan: navigasi keyboard, bilah jalur, sejarah.

Ini juga memiliki fitur bagus yang memungkinkan Anda untuk "memegang" keturunan yang dipilih dan melakukan perjalanan melalui hierarki, dan kemudian bergerak di antara saudara kandung dan melihat nilai -nilai yang berbeda yang ditemukan di jalur itu. Sulit dijelaskan, tetapi di sini ada animasi untuk membantu menunjukkan:

Seperti yang Anda lihat, memegang Option (atau kunci Alt pada windows) sambil pindah ke orang tua menjaga bagian dari dokumen yang dipilih dan menunjukkannya dalam konteksnya di sekitar JSON. Kemudian Anda dapat melintasi antara item dalam array dan membandingkan nilai -nilai seleksi di seluruh hierarki dalam Cahnges.

Tampilan Editor

Lihat seluruh dokumen JSON Anda di editor, tetapi simpan pratinjau yang bagus dan nilai -nilai terkait yang Anda dapatkan dari bilah samping saat Anda bergerak di sekitar dokumen:

Tampilan Pohon

Gunakan tampilan pohon tradisional untuk melintasi dokumen JSON Anda, dengan bagian yang dapat dilipat dan pintasan keyboard. Semuanya sambil menjaga pratinjau yang bagus:

Mencari

Buka panel pencarian dengan cepat dan cari seluruh file JSON Anda dalam milidetik. Pencarian melalui nama -nama kunci, jalur kunci, nilai, dan bahkan nilai yang diformat cukup (misalnya mencari "Dec" akan menemukan string datetime di bulan Desember.)

Pratinjau Konten

JSON Hero secara otomatis menyimpulkan konten string dan memberikan pratinjau dan sifat yang bermanfaat dari nilai yang telah Anda pilih. Ini "Show Don't Tell" untuk JSON:

Tanggal dan waktu

URL gambar

URL situs web

URL tweet

URL JSON

Warna

Nilai terkait

Mudah melihat semua nilai terkait di seluruh dokumen JSON Anda untuk bidang tertentu, termasuk nilai undefined atau null .

Bug dan permintaan fitur

Punya bug atau permintaan fitur? Jangan ragu untuk membuka masalah baru.

Anda juga dapat bergabung dengan saluran perselisihan kami untuk nongkrong dan mendiskusikan apa pun yang Anda inginkan.

Berkembang

Untuk berjalan secara lokal, pertama -tama klon repo dan instal dependensi:

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

Kemudian, buat file di root repo yang disebut .env dan atur nilai SESSION_SECRET :

 SESSION_SECRET=abc123

Kemudian, jalankan npm run build atau npm run dev untuk membangun.

Sekarang, jalankan npm start dan buka browser Anda ke http://localhost:8787