सिक्योर सॉकेट लेयर (एसएसएल) एक सुरक्षा प्रोटोकॉल है जो सर्वर और क्लाइंट के बीच एक सुरक्षित लिंक स्थापित करता है। यह HTTPS प्रोटोकॉल का हिस्सा है जो डेटा एन्क्रिप्शन करता है। एसएसएल महत्वपूर्ण है क्योंकि यह डेटा को छिपाने और संबंधित हमलों से बचाता है।

डिफ़ॉल्ट रूप से, यदि आप क्रिएट-रिएक्शन-ऐप का उपयोग करके एक रिएक्ट एप्लिकेशन बनाते हैं, तो एप्लिकेशन HTTPS का उपयोग नहीं करता है। अपने ऐप के लिए HTTPS को सक्षम करना उपयोगी है, खासकर यदि आप किसी ऐसे API को प्रॉक्सी अनुरोध करने की योजना बना रहे हैं जो HTTPS के माध्यम से उनकी सेवा करता है।

प्रतिक्रिया में HTTPS का उपयोग करना

जब आप क्रिएट-रिएक्शन-ऐप का उपयोग करके एक ऐप बनाएं, यह डिफ़ॉल्ट रूप से HTTP पर चलता है। एसएसएल का उपयोग करने और एचटीटीपीएस पर पृष्ठों की सेवा करने के लिए, आपको सेट करने की आवश्यकता होगी HTTPS के चर से सत्य में पैकेज.जेसन. इसे संशोधित करके करें स्क्रिप्ट.शुरू इस तरह दिखने के लिए मूल्य:

"स्क्रिप्ट": {
 "प्रारंभ": "एचटीटीपीएस =सच प्रतिक्रिया-स्क्रिप्ट प्रारंभ",
},

वैकल्पिक रूप से, आप सेट कर सकते हैं HTTPS के जब आप अपना ऐप शुरू करते हैं तो पर्यावरण चर सही हो जाता है।

instagram viewer

लिनक्स/मैकोज़ पर:

एचटीटीपीएस =सच एनपीएम प्रारंभ

विंडोज़ सीएमडी पर:

समूह एचटीटीपीएस =सच&&npm प्रारंभ

विंडोज पॉवर्सशेल पर:

($env: एचटीटीपीएस = "सच") -तथा (एनपीएम शुरू)

हालाँकि, प्रत्येक दृष्टिकोण सिर्फ पहला कदम है। यदि आप इस बिंदु पर अपना रिएक्ट एप्लिकेशन शुरू करने का प्रयास करते हैं, तो आपको एक त्रुटि मिलेगी। प्रक्रिया को पूरा करने के लिए, आपको एक मान्य सेट करना होगा एसएसएल प्रमाणपत्र.

अपनी मशीन पर एक प्रमाणपत्र प्राधिकरण बनाएं

SSL प्रमाणपत्र बनाने के लिए आप जिन उपकरणों का उपयोग कर सकते हैं उनमें से एक mkcert है। यह आपको कुछ भी कॉन्फ़िगर किए बिना स्थानीय रूप से परीक्षण किए गए विकास प्रमाणपत्र बनाने की अनुमति देता है।

यह क्रॉस-प्लेटफ़ॉर्म संगत है और विंडोज, लिनक्स और मैकओएस पर काम करता है। यह लेख लिनक्स का उपयोग करता है।

आप जिस प्लेटफ़ॉर्म का उपयोग कर रहे हैं, उसकी स्थापना मार्गदर्शिका प्राप्त करें mkcert GitHub पेज.

स्थापित करके प्रारंभ करें प्रमाण पत्र

सुडो उपयुक्त इंस्टॉल libnss3-उपकरण

फिर आप स्थापित कर सकते हैं एमकेसर्ट Homebrew का उपयोग करना

शराब बनाना इंस्टॉल एमकेसर्ट

निम्न आदेश चलाकर एक स्थानीय प्रमाणपत्र प्राधिकारी (Ca) बनाएँ।

एमकेसर्ट -इंस्टॉल

CA सफलतापूर्वक बन जाने के बाद, अब आप SSL प्रमाणपत्र बनाना शुरू कर सकते हैं।

एसएसएल प्रमाणपत्र जनरेट करें

अपने रिएक्ट ऐप के रूट फोल्डर में नेविगेट करें और एसएसएल सर्टिफिकेट जेनरेट करें।

सबसे पहले, प्रमाणपत्र के लिए एक फ़ोल्डर बनाएँ।

एमकेडीआईआर रिएक्टसर्ट

प्रमाणपत्र जनरेट करने के लिए निम्नलिखित चलाएँ और इसे आपके द्वारा अभी बनाए गए फ़ोल्डर में संग्रहीत करें।

mkcert -key-file ./reactcert/key.pem -cert-file ./reactcert/cert.pem "स्थानीय होस्ट"

एसएसएल का उपयोग करने के लिए प्रतिक्रिया कॉन्फ़िगर करें

package.json में, एक पथ जोड़ें जो SSL प्रमाणपत्र की ओर इशारा करता है।

"स्क्रिप्ट": {
 "प्रारंभ":
 "एचटीटीपीएस =सचSSL_CRT_FILE=./reactcert/cert.pem SSL_KEY_FILE=./reactcert/key.pem प्रतिक्रिया-स्क्रिप्ट शुरू"
}

एसएसएल का उपयोग करके अपनी प्रतिक्रिया साइट को सुरक्षित करें

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