Geliştirici araçları

Gerçek işi bölen küçük görevler için bir tarayıcı araç kutusu

Çoğu kodlama sorunu büyük ve ilginçtir. Sizi gerçekten yavaşlatanlar ise değil. Önünüzde küçültülmüş bir API yanıtı, okuyamadığınız bir JWT, sorgu dizesini bozan bir URL ve neredeyse çalışan bir regex var. Bunların hiçbiri bir bağımlılığı, CLI kurulumunu veya reklamlarla dolu bir sekmeyi hak etmiyor. Otuz saniye ve temiz bir metin kutusu hak ediyorlar.

Bu koleksiyonun arkasındaki fikir de tam bu: anında yüklenen, tamamen tarayıcınızda çalışan ve kayıt olmayı asla sormayan tek sayfalık ücretsiz geliştirici araçları. JSON biçimlendirme, Base64, URL kodlama, JWT çözme, renk dönüştürme, regex test etme, zaman damgası matematiği ve HTTP durum referansı tek bir yerde. Google'ın önce çıkardığı şeye verilerinizi yapıştırmayı bırakırsınız ve o rastgele sitenin bunu kaydedip etmediğini merak etmeyi de.

Her araç gerçekte ne yapar

JSON biçimlendiricisi, kaçışlı, tek satırlık bir JSON duvarını bir insanın tarayabileceği bir şeye dönüştürür. Diyelim ki bir webhook tetiklendi ve günlükleriniz ham gövdeyi tek bir devasa dize olarak yakaladı. Yapıştırın, iki veya dört boşluk girintisi seçin ve varsa sözdizimi hatası belirtilmiş okunabilir bir ağaç elde edersiniz. Biçimlendirirken doğrular; bu nedenle başta sondaki virgül veya tırnak içine alınmamış anahtar, uygulamanızın üç katman derininde sessizce başarısız olması yerine dile getirilir.

Base64 kodlama/çözme, sürekli düşünmeden başvurduğunuz iş atı. Veri URI'leri, Temel Kimlik Doğrulama başlıkları, yapılandırma dosyalarına doldurulmuş ikili bloblar, bir token'ın parçaları; hepsi Base64. Kimlik bilgilerinin beklediğiniz şekilde gönderildiğini doğrulamak için bir başlık değerini çözün ya da satır içine eklemek için küçük bir resmi kodlayın. Girdiniz düz ASCII olmadığı anda önem kazanan UTF-8'i temiz biçimde işler.

URL kodlama/çözme aracı, bir sorgu parametresinin boşluk, ve işareti veya artı işareti içermesi ve isteğinizi sessizce bozması durumundaki klasik hatayı düzeltir. Bağlantıyı elle oluşturuyorsanız ve değer name=John & Co ise, sunucunun onu bir parametre ayırıcı olarak okumaması için o ve işaretinin %26 olarak kaçırılması gerekir. Yapıştırın, kodlayın, kopyalayın. Çözme ise yüzde kodlarıyla dolu günlüğe alınmış bir URL'ye bakıp gerçekte neyin istendiğini anlamaya çalışırken ters yönde çalışır.

Token aracı ve önemli bir uyarı

JWT çözücü, bir token'ı nokta ile ayrılmış üç parçasına böler ve başlık ile veri yükünü düz JSON olarak gösterir. Kimlik doğrulama hatası ayıklarken bu altın değerinde: hangi algoritmanın token'ı imzaladığını kontrol edin, sub'ı okuyun, exp talebinin zaten geçip geçmediğini doğrulayın ve ağ geçidinizin istemciye tam olarak hangi kapsamları veya rolleri verdiğini görün.

İşte insanların unuttuğu kısım. JWT'yi çözmek onu doğrulamak değildir. Veri yükü yalnızca Base64url'dir; token'ı elinde bulunduran herkes içindeki her talebi okuyabilir ve bu araç da tam olarak bunu yapar, bundan fazlasını değil. İmzayı kontrol etmez; dolayısıyla çözülmüş bir token size bir token'ın ne söylediğini anlatır, gerçek olup olmadığını değil. Yetkilendirme kararı için çözücüden gelen taleplere asla güvenmeyin; bu, imzalama anahtarıyla sunucunuzun işidir. Çözücüyü anlamak ve hata ayıklamak için kullanın, asla doğrulamak için değil.

Regex test aracı, en sinir bozucu aracın döngüsünü kapatır. Kalıbınızı yazın, örnek metin bırakın ve siz yazarken eşleşmelerin canlı olarak vurgulandığını izleyin. Yakalama grupları listelenir; böylece ikinci grubun gerçekten yılı mı yoksa tüm tarihi mi yakaladığını doğrulayabilirsiniz. Bu, gerçek kod tabanınızda bir kalıbı test etmek için düzenleme-kaydetme-yeniden çalıştırma döngüsünü geride bırakır ve açgözlü bir niceleyicinin neden kastettiğinizden daha fazlasını yuttuğunu öğrenmenin hızlı bir yoludur.

Diğerleri: HEX↔RGB dönüştürücü, tasarım token'larınız ve CSS'inizin anlaşmazlığa düştüğü durumlarda #1a2b3c'yi rgb(26, 43, 60)'a ve geri dönüştürür. Unix zaman damgası dönüştürücü, bir veritabanı epoch saniyelerini sakladığında ve gözleriniz bunları ayrıştıramadığında 1718900000'i gerçek bir tarihe ve saate çevirir. HTTP durum kodu referansı ise bir API çağrısı ters gittiğinde 422 mi yoksa 409'un mu doğru yanıt olduğunu tahmin etmenizden kurtarır.

Hassas şeyleri yapıştırabilmek için yerel işleme

Bu kısım, üretim verilerine dokunan herkes için en önemlidir. Buradaki her araç istemci tarafında JavaScript'te çalışır. Girdiniz tarayıcıyı asla terk etmez; yükleme yok, sunucuya gidiş-dönüş yok, kaydedecek hiçbir şey yok. Bu demektir ki, taleplerini incelemek için gerçek bir erişim token'ını yapıştırabilir, kimlik bilgisi içeren bir Base64 başlığını çözebilir veya müşteri verileriyle dolu bir API yanıtını ağı asla geçmeden biçimlendirebilirsiniz. Kanıt mı istiyorsunuz? Geliştirici araçlarını açın, ağ sekmesini izleyin ve yapıştırmaya başlayın. Dışarı çıkan hiçbir şey görmeyeceksiniz. Hassas veriler için yalnızca yerel çalışan bir araç, hoş bir özellik değil; tek sorumlu seçenektir.

Sık sorulan sorular