Selaimen työkalupakki pienille tehtäville, jotka keskeyttävät oikean työn
Useimmat koodausongelmat ovat suuria ja kiinnostavia. Ne, jotka oikeasti hidastavat sinua, eivät ole. Edessäsi on minifioitu API-vastaus, JWT jota et pysty lukemaan, URL joka sotkee kyselymerkkijononsa, ja regex joka melkein toimii. Mikään näistä ei ansaitse riippuvuutta, CLI-asennusta tai mainoksia täynnä olevaa välilehteä. Ne ansaitsevat kolmekymmentä sekuntia ja siistin tekstilaatikon.
Siinä koko idea tämän kokoelman takana: yksi sivu ilmaisia kehittäjätyökaluja, jotka latautuvat välittömästi, toimivat kokonaan selaimessasi, eivätkä koskaan pyydä rekisteröitymään. JSON-muotoilu, Base64, URL-koodaus, JWT-purku, värimuunnos, regex-testaus, aikaleimalaskenta ja HTTP-tilakoodien viitetaulukko asuvat kaikki samassa paikassa. Lakkaat liittämästä dataasi mihin tahansa Google ensimmäisenä tarjoaa, etkä enää mieti, lokittaako se satunnainen sivusto sen.
Mitä kukin työkalu oikeasti tekee
JSON-muotoilija ottaa muurin escapattua, yksirivistä JSONia ja muuttaa sen ihmisen silmäiltäväksi. Sanotaan, että webhook laukeaa ja lokisi tallentaa raa'an rungon yhtenä valtavana merkkijonona. Liitä se, valitse kahden tai neljän välilyönnin sisennys, ja saat luettavan puurakenteen, jossa syntaksivirhe on paikannettu, jos sellainen on. Se validoi muotoillessaan, joten harhautunut pilkku lopussa tai lainaamaton avain tulee ilmi sen sijaan, että epäonnistuisi äänettömästi kolme kerrosta syvemmällä sovelluksessasi.
Base64-koodaus ja -purku on työjuhta, johon tartut jatkuvasti sitä sen kummemmin ajattelematta. Datan URI:t, Basic Auth -otsikot, konfiguraatiotiedostoihin tungetut binääripaketit, tokenin segmentit – kaikki Base64:ää. Pura otsikkoarvo varmistaaksesi, että tunnistetiedot lähetetään odotetulla tavalla, tai koodaa pieni kuva upottaaksesi sen suoraan. Se käsittelee UTF-8:n puhtaasti, mikä merkitsee heti, kun syöte ei ole tavallista ASCIIa.
URL-koodaus- ja purkutyökalu korjaa klassisen bugin, jossa kyselyparametri sisältää välilyönnin, et-merkin tai plusmerkin ja rikkoo pyyntösi äänettömästi. Jos rakennat linkkiä käsin ja arvo on name=John & Co, tarvitset sen et-merkin escapattuna muotoon %26, tai palvelin tulkitsee sen parametrien erottimeksi. Liitä, koodaa, kopioi. Purku toimii toisin päin, kun tuijotat lokitettua URL:ää täynnä prosenttikoodeja ja yrität selvittää, mitä oikeasti pyydettiin.
Tokentyökalu ja tärkeä varoitus
JWT-purkaja jakaa tokenin kolmeen pisteellä erotettuun osaan ja näyttää otsikon ja hyötykuorman tavallisena JSONina. Kun debuggaat todennusta, tämä on kultaa: tarkista mikä algoritmi allekirjoitti tokenin, lue sub, varmista ettei exp-vaatimus ole jo mennyt umpeen, ja näe tarkalleen mitkä käyttöoikeudet tai roolit yhdyskäytäväsi antaa asiakkaalle.
Tässä on kohta, jonka ihmiset unohtavat. JWT:n purkaminen ei ole sen todentamista. Hyötykuorma on vain Base64url:ää – kuka tahansa tokenin haltija voi lukea jokaisen sen sisältämän vaatimuksen, ja tämä työkalu tekee juuri sen eikä mitään muuta. Se ei tarkista allekirjoitusta, joten purettu token kertoo, mitä token väittää, ei sitä, onko se aito. Älä koskaan luota purkajan vaatimuksiin käyttöoikeuspäätöksessä; se on palvelimesi tehtävä, allekirjoitusavaimen kanssa. Käytä purkajaa ymmärtämiseen ja debuggaamiseen, ei koskaan validointiin.
Regex-testeri sulkee kaikkein turhauttavimman apuvälineen kehän. Kirjoita kaavasi, liitä joukko esimerkkitekstiä ja katso osumien korostuvan reaaliajassa kirjoittaessasi. Talteenottoryhmät listataan, joten voit varmistaa, että ryhmä kaksi todella nappaa vuoden eikä koko päivämäärää. Se voittaa muokkaa-tallenna-aja-uudelleen-kierteen, jonka kaavan testaaminen omassa koodikannassasi vaatisi, ja se on nopea tapa oppia, miksi ahne kvantifioija nielaisee enemmän kuin tarkoitit.
Loput kokonaisuudesta: HEX↔RGB-muunnin kääntää #1a2b3c:n muotoon rgb(26, 43, 60) ja takaisin, kun designtunnuksesi ja CSS:si ovat eri mieltä. Unix-aikaleimamuunnin muuttaa 1718900000:n oikeaksi päivämääräksi ja kellonajaksi, jota tarvitset joka kerta, kun tietokanta tallentaa epoch-sekunteja eivätkä silmäsi pysty niitä tulkitsemaan. Ja HTTP-tilakoodien viitetaulukko säästää sinut arvailulta siitä, onko 422 vai 409 oikea vastaus, kun API-kutsu menee pieleen.
Paikallinen käsittely, jotta voit liittää arkaluontoisetkin tiedot
Tämä on kohta, joka merkitsee eniten kenelle tahansa, joka koskettaa tuotantodataa. Jokainen tämän sivun työkalu toimii asiakaspuolella JavaScriptillä. Syötteesi ei koskaan poistu selaimesta – ei latausta, ei edestakaista matkaa palvelimelle, ei mitään lokitettavaa. Se tarkoittaa, että voit liittää oikean pääsytokenin tarkastellaksesi sen vaatimuksia, purkaa Base64-otsikon joka sisältää tunnistetiedon, tai muotoilla API-vastauksen täynnä asiakastietoja ilman että se koskaan kulkee verkon läpi. Haluatko todisteen? Avaa kehittäjätyökalusi, katso verkkovälilehteä ja liitä pois vain. Et näe mitään lähtevän. Arkaluontoisille hyötykuormille pelkästään paikallisesti toimiva työkalu ei ole mukava lisä; se on ainoa vastuullinen vaihtoehto.
Usein kysytyt kysymykset
Ovatko nämä kehittäjätyökalut todella ilmaisia ilman rekisteröitymistä?
Kyllä. Jokainen apuväline on ilmainen käyttää, ei vaadi tiliä eikä sillä ole käyttörajoituksia. Avaa sivu ja aloita työ.
Lähetetäänkö dataani palvelimelle näitä työkaluja käyttäessäni?
Ei. Kaikki toimii asiakaspuolella selaimessasi. Syötettäsi ei koskaan ladata mihinkään, joten voit turvallisesti liittää tokeneita, tunnistetietoja ja yksityisiä API-vastauksia.
Todentaako JWT-purkaja tokenin allekirjoituksen?
Ei. Se ainoastaan purkaa otsikon ja hyötykuorman, jotta voit lukea vaatimukset. Purkaminen ei ole todentamista. Allekirjoituksen todentaminen tarvitsee allekirjoitusavaimen ja kuuluu palvelimellesi.
Mikä ero on Base64-koodauksella ja salauksella?
Base64 on koodausta, ei salausta. Se on täysin peruutettavissa kenen tahansa toimesta eikä tarjoa turvaa. Se on olemassa esittääkseen binääridataa tekstinä, ei piilottaakseen sitä.
Mitä regex-murretta regex-testeri tukee?
Se käyttää selaimessasi toimivaa JavaScriptin säännöllisten lausekkeiden moottoria, reaaliaikaisella osumien korostuksella ja talteenottoryhmien tulostuksella kirjoittaessasi.
Voinko muotoilla virheellistä JSONia?
Muotoilija yrittää, ja jos JSON on rikki, se osoittaa virhekohdan ja kertoo mikä on vialla, jotta voit korjata sen ja muotoilla uudelleen.