रिएक्ट एप्लिकेशन में Google reCAPTCHA को एकीकृत करें

आप जैसे पाठक MUO का समर्थन करने में मदद करते हैं। जब आप हमारी साइट पर लिंक का उपयोग करके खरीदारी करते हैं, तो हम संबद्ध कमीशन अर्जित कर सकते हैं। और पढ़ें।

चूंकि वेब और मोबाइल एप्लिकेशन अधिक लोकप्रिय हो गए हैं, इसलिए स्पैम और अन्य दुर्भावनापूर्ण गतिविधि का जोखिम भी है। कैप्चा इस प्रकार के सुरक्षा खतरों को रोकने के लिए एकीकृत करने लायक एक आसान सुरक्षा उपाय हो सकता है।

एक कैप्चा एक न्यूनतम सुरक्षा सुविधा है, जो आमतौर पर स्पैम्बोट्स द्वारा स्वचालित हमलों को रोकने के लिए वेब रूपों के साथ एकीकृत होती है। यह सुनिश्चित करता है कि किसी एप्लिकेशन तक पहुंचने वाला उपयोगकर्ता वास्तव में मानव है, न कि दुर्भावनापूर्ण कोड निष्पादित करने वाला बॉट।

सिम कार्ड कैसे हैक करें

कैप्चा क्या है?

संक्षिप्त नाम कैप्चा कंप्यूटर और मानव को अलग बताने के लिए पूरी तरह से स्वचालित सार्वजनिक ट्यूरिंग टेस्ट के लिए है। यह एक कंप्यूटर-जनित परीक्षण को संदर्भित करता है जो यह निर्धारित करने के लिए जांच करता है कि क्या कोई विशेष उपयोगकर्ता आपके एप्लिकेशन के साथ बातचीत कर रहा है, न कि एक मानव है।

विभिन्न प्रकार के कैप्चा परीक्षण हैं जिन्हें आप अपने एप्लिकेशन में एकीकृत कर सकते हैं जैसे टेक्स्ट-आधारित और ऑडियो-आधारित कैप्चा। हालाँकि, सबसे लोकप्रिय और प्रभावी प्रकार Google reCAPTCHA है। यह उन्नत जोखिम विश्लेषण एल्गोरिदम का उपयोग करके वास्तविक उपयोगकर्ताओं और बॉट्स के बीच अंतर करने की जांच करता है।

Google reCAPTCHA दो संस्करणों में आता है:

reCAPTCHA V3: यह संस्करण पृष्ठभूमि में चलता है और उपयोगकर्ता के व्यवहार के आधार पर एक समग्र स्कोर निर्धारित करता है।
reCAPTCHA V2: यह संस्करण प्रमाणीकरण फॉर्म पर 'मैं रोबोट नहीं हूं' चेकबॉक्स रखता है।

यह मार्गदर्शिका Google reCAPTCHA V2 की खोज करेगी। इसे रिएक्ट एप्लिकेशन में एकीकृत करने का तरीका जानने के लिए आगे पढ़ें।

रीकैप्चा एडमिन कंसोल पर रिएक्ट एप्लिकेशन को पंजीकृत करें

आरंभ करने के लिए, आपको अपने एप्लिकेशन को reCAPTCHA के डेवलपर कंसोल पर पंजीकृत करना होगा। वहां जाओ Google का रीकैप्चा व्यवस्थापक कंसोल , अपने Google खाते से साइन इन करें, और आवश्यक फ़ॉर्म विवरण भरें।

लेबल नाम प्रदान करें, चुनें रीकैप्चा V2 , और ड्रॉप-डाउन बॉक्स पर, 'मैं रोबोट नहीं हूं' चेकबॉक्स विकल्प का उपयोग करके सत्यापित अनुरोध चुनें। अंत में, अपने एप्लिकेशन का डोमेन नाम प्रदान करें। स्थानीय विकास के लिए, टाइप करें स्थानीय होस्ट डोमेन नाम के रूप में।

एक बार जब यह आपके ऐप को पंजीकृत कर लेता है, तो साइट आपको आपके उत्पन्न रहस्य और साइट कुंजियों के साथ एक नए पृष्ठ पर पुनर्निर्देशित कर देगी।

एक रिएक्ट क्लाइंट बनाएँ

यह प्रोजेक्ट दो गुना है: आप एक रिएक्ट क्लाइंट बनाएंगे जो Google reCAPTCHA और एक एक्सप्रेस बैकएंड के साथ एक सरल लॉगिन फॉर्म प्रदान करता है जो उपयोगकर्ता द्वारा reCAPTCHA चुनौती को पूरा करने के बाद उत्पन्न टोकन को सत्यापित करने के लिए reCAPTCHA के API को POST अनुरोध करता है।

वर्ड में टेबल कैसे बनाये

अपनी प्रोजेक्ट फ़ाइलों को रखने के लिए स्थानीय रूप से एक प्रोजेक्ट फ़ोल्डर बनाएँ। अगला, रिएक्ट एप्लिकेशन बनाएं और वर्तमान निर्देशिका को क्लाइंट की निर्देशिका में बदलें। अपने क्लाइंट फोल्डर की रूट डायरेक्टरी में, एपीआई गुप्त कुंजी और साइट कुंजी को स्टोर करने के लिए एक .env फ़ाइल बनाएँ।

 REACT_APP_reCAPTCHA_SITE_KEY = 'site key' 
REACT_APP_reCAPTCHA_SECRET_KEY = 'secret key'