डेभलपर उपकरण

वास्तविक काममा अवरोध पुर्‍याउने साना कामहरूका लागि ब्राउजर टुलबक्स

अधिकांश कोडिङ समस्या ठूला र रोचक हुन्छन्। जसले तपाईंलाई साँच्चै ढिलो बनाउँछन्, ती त्यस्ता होइनन्। तपाईंको अगाडि मिनिफाइड API प्रतिक्रिया छ, पढ्न नसकिने JWT छ, क्वेरी स्ट्रिङ बिगारिरहेको URL छ, र लगभग काम गर्ने रेजेक्स छ। यीमध्ये कसैलाई पनि डिपेन्डेन्सी, CLI इन्स्टल, वा विज्ञापनले भरिएको ट्याब चाहिँदैन। तिनलाई त तीस सेकेन्ड र सफा टेक्स्ट बक्स मात्र चाहिन्छ।

यही नै यो सङ्ग्रहको सम्पूर्ण विचार हो: तुरुन्तै लोड हुने, पूर्ण रूपमा तपाईंको ब्राउजरमा चल्ने, र कहिल्यै साइनअप नमाग्ने निःशुल्क डेभलपर युटिलिटीहरूको एउटा पृष्ठ। JSON फर्म्याटिङ, Base64, URL इन्कोडिङ, JWT डिकोडिङ, रङ रूपान्तरण, रेजेक्स परीक्षण, टाइमस्ट्याम्प गणित, र HTTP स्टेटस सन्दर्भ सबै एउटै ठाउँमा छन्। तपाईंले Google मा पहिले देखिने जुनसुकै साइटमा आफ्नो डाटा पेस्ट गर्नु र त्यो अनियमित साइटले लग गरिरहेको छ कि छैन सोचिरहनु छोड्नुहुन्छ।

प्रत्येक उपकरणले साँच्चै के गर्छ

JSON फर्म्याटरले एस्केप गरिएको, एकल-लाइनको JSON को पर्खाल लिन्छ र मानिसले स्क्यान गर्न सक्ने चीजमा बदलिदिन्छ। मानौं वेबहुक फायर हुन्छ र तपाईंको लगले कच्चा बडीलाई एउटै विशाल स्ट्रिङका रूपमा समात्छ। यसलाई पेस्ट गर्नुहोस्, दुई- वा चार-स्पेस इन्डेन्टेसन छनोट गर्नुहोस्, र भए त्रुटिको ठाउँ देखाइएको पढ्न मिल्ने ट्री पाउनुहुन्छ। यसले फर्म्याट गर्दा भ्यालिडेट पनि गर्छ, त्यसैले तपाईंको एपमा तीन तह भित्र चुपचाप फेल हुनुको सट्टा भड्किएको ट्रेलिङ कमा वा उद्धरण नगरिएको की तुरुन्तै देखाइन्छ।

Base64 इन्कोड/डिकोड तपाईंले नसोची निरन्तर पुग्ने वर्कहर्स हो। डाटा URI, Basic Auth हेडर, कन्फिग फाइलमा ठुसिएका बाइनरी ब्लब, टोकनका खण्डहरू — सबै Base64 हुन्। क्रेडेन्सियल अपेक्षा गरेजस्तै पठाइरहेको छ भनेर पुष्टि गर्न हेडर मान डिकोड गर्नुहोस्, वा सानो छविलाई इनलाइन गर्न इन्कोड गर्नुहोस्। यसले UTF-8 सफाईसँग ह्यान्डल गर्छ, जुन तपाईंको इनपुट सादा ASCII नभएको क्षणमा मायने राख्छ।

URL इन्कोड/डिकोड उपकरणले क्लासिक बगलाई ठीक पार्छ जहाँ क्वेरी प्यारामिटरमा स्पेस, एम्परसेन्ड, वा प्लस साइन हुन्छ र चुपचाप तपाईंको अनुरोध बिगार्छ। तपाईं हातैले लिङ्क बनाउँदै हुनुहुन्छ र मान name=John & Co छ भने, त्यो एम्परसेन्ड %26 मा एस्केप गर्नुपर्छ नत्र सर्भरले यसलाई प्यारामिटर विभाजक भनी पढ्छ। पेस्ट गर्नुहोस्, इन्कोड गर्नुहोस्, कपी गर्नुहोस्। पर्सेन्ट कोडले भरिएको लग गरिएको URL हेर्दै साँच्चै के अनुरोध गरिएको थियो भन्ने पत्ता लगाउँदा डिकोडिङले उल्टो काम गर्छ।

टोकन उपकरण, र एउटा महत्त्वपूर्ण चेतावनी

JWT डिकोडरले टोकनलाई त्यसका तीन डट-विभाजित भागमा विभाजन गर्छ र तपाईंलाई हेडर र पेलोड सादा JSON का रूपमा देखाउँछ। तपाईं अथ डिबग गर्दै हुनुहुन्छ भने, यो सुनको खानी हो: कुन एल्गोरिदमले टोकन साइन गर्‍यो जाँच्नुहोस्, sub पढ्नुहोस्, exp दाबी अझै बितेको छैन भनेर पुष्टि गर्नुहोस्, र तपाईंको गेटवेले क्लाइन्टलाई ठ्याक्कै कुन स्कोप वा भूमिका दिइरहेको छ हेर्नुहोस्।

यहाँ मानिसहरूले बिर्सने भाग छ। JWT डिकोड गर्नु यसलाई प्रमाणित गर्नु होइन। पेलोड केवल Base64url हो — टोकन समातेको जो कोहीले यसभित्रको हरेक दाबी पढ्न सक्छ, र यो उपकरणले ठ्याक्कै त्यही मात्र गर्छ, अरू केही होइन। यसले हस्ताक्षर जाँच्दैन, त्यसैले डिकोड गरिएको टोकनले टोकन के भन्छ बताउँछ, यो साँचो हो कि होइन होइन। अधिकार निर्णयका लागि कहिल्यै डिकोडरका दाबीहरूमा भरोसा नगर्नुहोस्; त्यो साइनिङ की भएको तपाईंको सर्भरको काम हो। डिकोडरलाई बुझ्न र डिबग गर्न प्रयोग गर्नुहोस्, कहिल्यै भ्यालिडेट गर्न होइन।

रेजेक्स परीक्षकले सबैभन्दा निराशाजनक युटिलिटीको लूप बन्द गर्छ। आफ्नो प्याटर्न लेख्नुहोस्, केही नमूना टेक्स्ट हाल्नुहोस्, र तपाईं टाइप गर्दै जाँदा म्याचहरू प्रत्यक्ष उज्यालो हुने हेर्नुहोस्। क्याप्चर समूहहरू सूचीबद्ध देखाइन्छन्, त्यसैले तपाईंले समूह दुईले साँच्चै वर्ष समाइरहेको छ पूरा मिति होइन भनेर पुष्टि गर्न सक्नुहुन्छ। यसले तपाईंको वास्तविक कोडबेसभित्रै प्याटर्न परीक्षण गर्ने सम्पादन-सेभ-रिरन चक्रलाई पछाडि पार्छ, र ग्रिडी क्वान्टिफायरले तपाईंले सोचेभन्दा बढी किन निल्दैछ भनेर छिटो सिक्ने तरिका हो।

बाँकी कुरा: HEX↔RGB कन्भर्टरले #1a2b3c लाई rgb(26, 43, 60) मा र फेरि उल्टो पल्टाइदिन्छ, तपाईंको डिजाइन टोकन र CSS असहमत हुँदा। Unix टाइमस्ट्याम्प कन्भर्टरले 1718900000 लाई वास्तविक मिति र समयमा बदल्छ, जुन डाटाबेसले इपोक सेकेन्ड भण्डारण गर्दा र तपाईंको आँखाले पढ्न नसक्दा हरेक पटक चाहिन्छ। र HTTP स्टेटस कोड सन्दर्भले API कल बिग्रँदा 422 वा 409 सही जवाफ हो कि भनेर अनुमान लगाउनुबाट बचाउँछ।

स्थानीय प्रशोधन, त्यसैले तपाईं संवेदनशील कुरा पनि पेस्ट गर्न सक्नुहुन्छ

प्रोडक्सन डाटा छुने जो कोहीका लागि यो भाग सबैभन्दा महत्त्वपूर्ण छ। यहाँका प्रत्येक उपकरण क्लाइन्ट-साइड JavaScript मा चल्छ। तपाईंको इनपुट कहिल्यै ब्राउजरबाट बाहिर जाँदैन — कुनै अपलोड छैन, सर्भरसम्मको राउन्ड ट्रिप छैन, लग गर्ने केही छैन। यसको अर्थ तपाईं वास्तविक एक्सेस टोकन पेस्ट गरेर त्यसका दाबीहरू जाँच्न सक्नुहुन्छ, क्रेडेन्सियल भएको Base64 हेडर डिकोड गर्न सक्नुहुन्छ, वा ग्राहक डाटाले भरिएको API प्रतिक्रिया नेटवर्क कहिल्यै नकटी फर्म्याट गर्न सक्नुहुन्छ। प्रमाण चाहियो? आफ्नो डेभ टुल्स खोल्नुहोस्, नेटवर्क ट्याब हेर्नुहोस्, र पेस्ट गर्नुहोस्। तपाईंले केही पनि बाहिर नगएको देख्नुहुनेछ। संवेदनशील पेलोडका लागि, केवल-स्थानीय उपकरण भनेको हुँदा राम्रो चीज मात्र होइन; यो एकमात्र जिम्मेवार विकल्प हो।

बारम्बार सोधिने प्रश्नहरू