प्रोग्रामिंग
स्थानीय विकास, ब्राउज़र अनुरोधों, API, Docker और परिनियोजन समस्या निवारण में उपयोग होने वाले नेटवर्क शब्दों की मार्गदर्शिका।
42 terms
पते और नाम
IP address
192.168.1.25एक संख्यात्मक पता जिसका उपयोग नेटवर्क पर एक डिवाइस को खोजने के लिए किया जाता है।
इसका उपयोग तब करें जब किसी अन्य डिवाइस को आपके कंप्यूटर, सर्वर, या कंटेनर होस्ट तक पहुंचने की आवश्यकता होती है।
192.168.1.25बताएं कि मुझे किसी अन्य डिवाइस से किस IP पते का उपयोग करना चाहिए।
पते और नाम
IPv4
192.168.0.10सामान्य चार-भाग IP पता प्रारूप।
अधिकांश स्थानीय नेटवर्क उदाहरणों में IPv4 पते जैसे 192.168.x.x या 10.x.x.x का उपयोग किया जाता है।
192.168.0.10मुझे बताएं कि क्या यह पता IPv4 लोकल नेटवर्क पता है।
पते और नाम
IPv6
::1एक नया, लंबा IP पता प्रारूप जिसे अधिक पतों को प्रदान करने के लिए डिज़ाइन किया गया है।
आप लॉग, localhost बाइंडिंग या सर्वर नेटवर्क आउटपुट में IPv6 देख सकते हैं।
::1बताएं कि क्या यह लॉग IPv4 या IPv6 का उपयोग कर रहा है।
पते और नाम
localhost
http://localhost:3000एक नाम जिसका अर्थ है वह मशीन जहां कोड या ब्राउज़र चल रहा है।
इसका उपयोग उसी कंप्यूटर से करें जिस पर विकास सर्वर चल रहा है।
फ़ोन पर, localhost का अर्थ है स्वयं फ़ोन, न कि आपका विकास कंप्यूटर।
http://localhost:3000बताएं कि localhost आपके कंप्यूटर पर तो काम करता है लेकिन आपके फोन पर नहीं।
पते और नाम
127.0.0.1
http://127.0.0.1:3000वर्तमान मशीन के लिए सामान्य IPv4 लूपबैक पता।
इसका उपयोग localhost के लिए एक संख्यात्मक विकल्प के रूप में करें।
http://127.0.0.1:3000बताएं कि क्या localhost और 127.0.0.1 यहाँ समतुल्य हैं।
पते और नाम
0.0.0.0
अगला dev -H 0.0.0.0एक पता जिसका उपयोग सर्वर सभी उपलब्ध नेटवर्क इंटरफेस पर सुनने के लिए करते हैं।
इसका उपयोग तब करें जब नेटवर्क पर मौजूद किसी अन्य डिवाइस को आपके विकास सर्वर तक पहुंचने की आवश्यकता हो।
यह विकास सर्वर को localhost से अधिक व्यापक रूप से उजागर कर सकता है।
अगला dev -H 0.0.0.0बताएं कि क्या इस विकास सर्वर को 0.0.0.0 पर बाध्य होना चाहिए।
पते और नाम
Hostname
my-laptop.localएक डिवाइस या सर्वर के लिए एक पठनीय नाम।
इसका उपयोग तब करें जब एक नेटवर्क नाम एक IP पते की तुलना में याद रखने में आसान होता है।
my-laptop.localबताएं कि क्या यह होस्टनाम अपेक्षित IP पर हल होता है।
पते और नाम
Domain
example.comवेबसाइट या सेवा के लिए एक मानव-पठनीय इंटरनेट नाम।
सार्वजनिक साइटों के लिए डोमेन का उपयोग करें ताकि उपयोगकर्ताओं को सर्वर IP पतों को याद रखने की आवश्यकता न हो।
example.comबताएं कि इस तैनात साइट को किस डोमेन का उपयोग करना चाहिए।
पते और नाम
DNS
example.com -> 93.184.216.34वह प्रणाली जो डोमेन नामों को IP पतों में अनुवादित करती है।
डोमेन को होस्टिंग सेवा या सर्वर से कनेक्ट करते समय DNS रिकॉर्ड का उपयोग करें।
example.com -> 93.184.216.34बताएं कि इस डोमेन के लिए किस DNS रिकॉर्ड की आवश्यकता है।
पोर्ट और कनेक्शन
Port
3000एक संख्या जो पहचान करती है कि किस ऐप या सेवा को मशीन पर ट्रैफ़िक प्राप्त होता है।
विकास सर्वर अक्सर 3000, 3001, 5173, या 8000 जैसे पोर्ट का उपयोग करते हैं।
3000मुझे बताएं कि यह सर्वर किस पोर्ट का उपयोग कर रहा है।
पोर्ट और कनेक्शन
Listen
http://localhost:3000 पर तैयारएक सर्वर सुन रहा होता है जब वह किसी पते और पोर्ट पर अनुरोध स्वीकार करने के लिए तैयार होता है।
यह जानने के लिए कि कौन सा URL ब्राउज़र में खोला जा सकता है, आउटपुट को सुनें।
http://localhost:3000 पर तैयारबताएं कि यह सर्वर कहाँ सुन रहा है।
पोर्ट और कनेक्शन
Port forwarding
8080 -> 3000एक पोर्ट या मशीन से दूसरे पोर्ट या मशीन पर ट्रैफ़िक को अग्रेषित करना।
इसका उपयोग राउटर, टनल, कंटेनर और रिमोट डेवलपमेंट एनवायरनमेंट में करें।
8080 -> 3000बताएं कि यह पोर्ट कहाँ पर अग्रेषित किया गया है।
पोर्ट और कनेक्शन
Firewall
पोर्ट 3000 पर आने वाले कनेक्शनों की अनुमति दें।एक नियम प्रणाली जो नेटवर्क ट्रैफ़िक को अनुमति देती है या अवरुद्ध करती है।
जब कोई सर्वर स्थानीय रूप से चल रहा हो लेकिन कोई अन्य डिवाइस कनेक्ट नहीं कर पाता है, तो इसकी जाँच करें।
पोर्ट 3000 पर आने वाले कनेक्शनों की अनुमति दें।बताएं कि क्या फ़ायरवॉल इस स्थानीय कनेक्शन को ब्लॉक कर सकता है।
Web requests
URL
https://example.com/docs?page=1वेब संसाधन का अनुरोध करने के लिए उपयोग किया जाने वाला पूर्ण पता।
एक URL में प्रोटोकॉल, होस्ट, वैकल्पिक पोर्ट, पथ, क्वेरी स्ट्रिंग और कभी-कभी एक फ़्रेगमेंट शामिल होता है।
https://example.com/docs?page=1इस URL को प्रोटोकॉल, होस्ट, पोर्ट, पथ और क्वेरी में तोड़ें।
Web requests
Path
/ko/reference/dockerURL का वह भाग जो सर्वर पर एक मार्ग या संसाधन की पहचान करता है।
इसका उपयोग यह समझने के लिए करें कि कौन सा पृष्ठ या API एंडपॉइंट अनुरोध किया जा रहा है।
/ko/reference/dockerमुझे बताएं कि यह URL पथ किस ऐप रूट से मेल खाता है।
Web requests
Query string
?page=1&lang=koURL का वह भाग जो '?' के बाद आता है और अतिरिक्त पैरामीटर पास करता है।
इसका उपयोग फ़िल्टर, पृष्ठ संख्या, खोज शब्द और हल्के विकल्पों के लिए करें।
?page=1&lang=koबताएं कि यह URL कौन से क्वेरी पैरामीटर भेजता है।
Web requests
HTTP
http://localhost:3000मूल प्रोटोकॉल जिसका उपयोग ब्राउज़र और सर्वर वेब अनुरोधों और प्रतिक्रियाओं के लिए करते हैं।
स्थानीय विकास अक्सर उत्पादन HTTPS को कॉन्फ़िगर करने से पहले HTTP का उपयोग करता है।
http://localhost:3000बताएं कि क्या यह स्थानीय URL HTTP या HTTPS का उपयोग करता है।
Web requests
HTTPS
https://example.comHTTP जिसे TLS एन्क्रिप्शन द्वारा सुरक्षित किया गया है।
सार्वजनिक साइटों, लॉगिन, कुकीज़, भुगतान, API और उत्पादन ट्रैफ़िक के लिए HTTPS का उपयोग करें।
https://example.comबताएं कि क्या इस तैनात साइट को HTTPS की आवश्यकता है।
Web requests
HTTP method
GET /api/toolsएक क्रिया जो सर्वर को बताती है कि अनुरोध किस प्रकार की कार्रवाई चाहता है।
GET आमतौर पर डेटा पढ़ता है, जबकि POST आमतौर पर डेटा बनाता या सबमिट करता है।
GET /api/toolsबताएं कि इस API अनुरोध को किस HTTP विधि का उपयोग करना चाहिए।
Web requests
Status code
200 OK / 404 Not Found / 500 Internal Server Errorएक संख्या जो HTTP प्रतिक्रिया का परिणाम सारांशित करती है।
इसका उपयोग सफलता, रीडायरेक्ट, क्लाइंट त्रुटि और सर्वर त्रुटि प्रतिक्रियाओं को जल्दी से अलग करने के लिए करें।
200 OK / 404 Not Found / 500 Internal Server Errorबताएं कि इस HTTP स्थिति कोड का क्या अर्थ है।
Web requests
Header
Content-Type: application/jsonमेटाडेटा जो एक HTTP अनुरोध या प्रतिक्रिया के साथ भेजा जाता है।
हेडर में सामग्री प्रकार, प्राधिकरण, कुकीज़, कैश नियम और CORS सेटिंग्स शामिल हैं।
Content-Type: application/jsonइस प्रतिक्रिया में महत्वपूर्ण हेडर की व्याख्या करें।
Web requests
Body
{"name":"demo"}HTTP अनुरोध या प्रतिक्रिया में भेजा गया मुख्य डेटा सामग्री।
POST और PUT अनुरोध अक्सर बॉडी में JSON डेटा भेजते हैं।
{"name":"demo"}बताएं कि यह अनुरोध बॉडी कौन सा डेटा भेजता है।
ब्राउज़र सुरक्षा
Origin
http://192.168.1.25:3000प्रोटोकॉल, होस्ट और पोर्ट का संयोजन।
CORS, कुकीज़ और ब्राउज़र सुरक्षा नियमों के बारे में तर्क करने के लिए "origin" का उपयोग करें।
केवल पोर्ट बदलने से एक अलग मूल बनता है।
http://192.168.1.25:3000इस URL का मूल स्रोत पहचानें।
ब्राउज़र सुरक्षा
Same-origin policy
https://app.example.com cannot freely read https://api.example.comएक ब्राउज़र नियम जो यह प्रतिबंधित करता है कि पृष्ठ अन्य मूलों से डेटा कैसे पढ़ सकते हैं।
इसका उपयोग यह समझने के लिए करें कि ब्राउज़र API अनुरोध क्यों विफल हो सकते हैं, भले ही सर्वर पहुंच योग्य हो।
https://app.example.com cannot freely read https://api.example.comबताएं कि क्या यह एक समान-मूल नीति समस्या है।
ब्राउज़र सुरक्षा
CORS
Access-Control-Allow-Origin: https://app.example.com | app.example.comएक सर्वर-साइड अनुमति प्रणाली जो ब्राउज़रों को दूसरे मूल से प्रतिक्रियाओं का उपयोग करने की अनुमति देती है।
इसका उपयोग तब करें जब एक फ्रंटएंड ऐप एक अलग मूल पर होस्ट किए गए API को कॉल करता है।
CORS को सर्वर द्वारा अनुमति दी जानी चाहिए जो प्रतिक्रिया भेजता है।
Access-Control-Allow-Origin: https://app.example.com | app.example.comमुझे बताएं कि क्या इस CORS त्रुटि को फ्रंटएंड कोड या सर्वर सेटिंग्स में ठीक किया जाना चाहिए।
ब्राउज़र सुरक्षा
Cookie
Set-Cookie: session=abc; HttpOnlyब्राउज़र द्वारा संग्रहीत और मिलान करने वाली साइटों को वापस भेजा जाने वाला छोटा डेटा।
कुकी का उपयोग अक्सर सत्रों, प्राथमिकताओं और प्रमाणीकरण स्थिति के लिए किया जाता है।
Set-Cookie: session=abc; HttpOnlyबताएं कि क्या इस लॉगिन स्थिति को एक कुकी में संग्रहीत किया जाता है।
ब्राउज़र सुरक्षा
Session
session_id=abc123उपयोगकर्ता की स्थिति को कई अनुरोधों में याद रखने का एक तरीका।
लॉगिन स्थिति या अस्थायी सर्वर-साइड उपयोगकर्ता डेटा को बनाए रखने के लिए सत्रों का उपयोग करें।
session_id=abc123बताएं कि यह ऐप उपयोगकर्ता सत्र को कैसे बनाए रखता है।
ब्राउज़र सुरक्षा
Token
Authorization: Bearer <token>एक स्ट्रिंग जिसका उपयोग पहचान या अनुमति साबित करने के लिए किया जाता है।
टोकन का उपयोग करें: API प्रमाणीकरण, अस्थायी पहुंच, और सेवा-से-सेवा अनुरोधों के लिए।
टोकन एक्सेस प्रदान कर सकते हैं, इसलिए उन्हें सार्वजनिक कोड या लॉग में उजागर नहीं किया जाना चाहिए।
Authorization: Bearer <token>जाँच करें कि क्या यह टोकन ब्राउज़र को उजागर किया जा रहा है।
ब्राउज़र सुरक्षा
TLS certificate
लेट्स एन्क्रिप्ट प्रमाणपत्रएक प्रमाणपत्र जिसका उपयोग HTTPS द्वारा साइट की पहचान साबित करने और ट्रैफ़िक को एन्क्रिप्ट करने के लिए किया जाता है।
इसका उपयोग तब करें जब उत्पादन साइट को HTTPS पर परोसा जा रहा हो।
लेट्स एन्क्रिप्ट प्रमाणपत्रबताएं कि यह ब्राउज़र क्यों कह रहा है कि प्रमाणपत्र अमान्य है।
लोकल विकास
Local network
लैपटॉप और फोन एक ही Wi-Fi पर।एक निजी नेटवर्क जहां आस-पास के डिवाइस संवाद कर सकते हैं, जैसे कि समान Wi-Fi।
इसका उपयोग तब करें जब आप एक स्थानीय विकास सर्वर का परीक्षण एक फोन या टैबलेट से कर रहे हों।
लैपटॉप और फोन एक ही Wi-Fi पर।बताएं कि क्या ये डिवाइस एक ही स्थानीय नेटवर्क पर हैं।
लोकल विकास
LAN IP
192.168.1.25एक IP पता जिसका उपयोग स्थानीय नेटवर्क के अंदर किया जाता है।
इसका उपयोग उसी नेटवर्क पर एक अन्य डिवाइस से अपने विकास मशीन तक पहुंचने के लिए करें।
192.168.1.25मुझे बताएं कि localhost और LAN IP के बीच क्या अंतर है।
लोकल विकास
Network URL
http://192.168.1.25:3000एक URL जिसका उपयोग नेटवर्क पर किसी अन्य डिवाइस द्वारा स्थानीय सर्वर तक पहुंचने के लिए किया जा सकता है।
इसका उपयोग तब करें जब आप एक प्रतिक्रियाशील पृष्ठ का परीक्षण एक फोन या टैबलेट पर कर रहे हों।
विकास सर्वर को 0.0.0.0 पर भी सुनना पड़ सकता है और मूल को अनुमति देनी चाहिए।
http://192.168.1.25:3000बताएं कि इस विकास सर्वर को फ़ोन से कैसे खोलें।
लोकल विकास
Dev server
npm run devएक स्थानीय सर्वर जिसका उपयोग ऐप के विकास और परीक्षण के दौरान किया जाता है।
इसका उपयोग त्वरित रीलोड, स्थानीय पूर्वावलोकन और उत्पादन बिल्ड से पहले डिबगिंग के लिए करें।
npm run devबताएं कि यह विकास सर्वर कौन सा स्थानीय URL और नेटवर्क URL उजागर करता है।
लोकल विकास
HMR
/_next/webpack-hmrएक विकास सुविधा जो कोड बदलने पर ब्राउज़र को अपडेट करती है।
इसका उपयोग UI कोड को संपादित करते समय ब्राउज़र स्थिति को बनाए रखने के लिए करें।
/_next/webpack-hmrबताएं कि क्या यह अवरुद्ध अनुरोध HMR से संबंधित है।
सर्वर और Docker
Proxy
Browser -> proxy -> APIएक सर्वर जो क्लाइंट की ओर से अनुरोध भेजता है।
इसका उपयोग अनुरोधों को रूट करने, बैकएंड विवरणों को छिपाने, या विकास में सीधे ब्राउज़र-से-API कॉल से बचने के लिए करें।
Browser -> proxy -> APIबताएं कि क्या यह API अनुरोध किसी प्रॉक्सी के माध्यम से जाता है।
सर्वर और Docker
Reverse proxy
Nginx -> app:3000एक सर्वर जो सार्वजनिक ट्रैफ़िक प्राप्त करता है और इसे आंतरिक सेवाओं को भेजता है।
इसका उपयोग HTTPS समाप्ति, रूटिंग, संपीड़न, कैशिंग और ऐप सर्वर पर अग्रेषण के लिए करें।
Nginx -> app:3000बताएं कि यह रिवर्स प्रॉक्सी ऐप में ट्रैफ़िक को कैसे रूट करता है।
सर्वर और Docker
Docker port mapping
3000:3000एक होस्ट पोर्ट से एक कंटेनर पोर्ट तक का मैपिंग।
इसका उपयोग इस प्रकार करें कि होस्ट पर एक ब्राउज़र एक कंटेनर के अंदर चल रहे वेब ऐप तक पहुंच सके।
Docker पोर्ट में, बायां पक्ष होस्ट पोर्ट है और दायां पक्ष कंटेनर पोर्ट है।
3000:3000इस Docker पोर्ट मैपिंग के लिए ब्राउज़र URL की व्याख्या करें।
सर्वर और Docker
host.docker.internal
http://host.docker.internal:3000एक विशेष होस्टनाम जिसका उपयोग कंटेनर कई Docker डेस्कटॉप सेटअप में होस्ट मशीन तक पहुंचने के लिए कर सकते हैं।
इसका उपयोग तब करें जब एक कंटेनर को होस्ट मशीन पर चल रही सेवा को कॉल करने की आवश्यकता होती है।
http://host.docker.internal:3000बताएं कि क्या इस कंटेनर को host.docker.internal का उपयोग करना चाहिए।
सर्वर और Docker
Service name
postgres://db:5432/appDocker Compose में, सेवाएं अक्सर सेवा नाम से एक-दूसरे तक पहुंच सकती हैं।
कंटेनरों के बीच localhost के बजाय db, api, redis, या अन्य compose सेवा नामों का उपयोग करें।
postgres://db:5432/appबताएं कि इस कंटेनर को localhost के बजाय db सेवा नाम का उपयोग क्यों करना चाहिए।
सर्वर और Docker
Load balancer
Client -> load balancer -> app serversएक प्रणाली जो आने वाले ट्रैफ़िक को कई सर्वरों में वितरित करती है।
इसका उपयोग तब करें जब एक ऐप में स्केलेबिलिटी या विश्वसनीयता के लिए कई चल रहे उदाहरण हों।
Client -> load balancer -> app serversबताएं कि इस परिनियोजन में लोड बैलेंसर कहाँ फिट बैठता है।
सर्वर और Docker
CDN
किनारे कैश से परोसी जाने वाली स्थिर संपत्तियाँएक वितरित नेटवर्क जो उपयोगकर्ताओं के करीब स्थानों से सामग्री प्रदान करता है।
इसका उपयोग स्थिर संपत्तियों, छवियों, स्क्रिप्ट, शैलियों और कैश किए गए पृष्ठों को गति देने के लिए करें।
किनारे कैश से परोसी जाने वाली स्थिर संपत्तियाँबताएं कि क्या इस स्थिर साइट को CDN से लाभ होता है।
सर्वर और Docker
Cache
Cache-Control: max-age=3600सहेजा गया डेटा या प्रतिक्रियाएं भविष्य के अनुरोधों को तेज़ बनाने के लिए पुन: उपयोग की जाती हैं।
स्थिर फ़ाइलों, API प्रतिक्रियाओं, पृष्ठों और CDN एज सामग्री के लिए कैश का उपयोग करें।
पुराना कैश किया गया कंटेंट एक फिक्स की गई बग को अनफिक्स दिखा सकता है।
Cache-Control: max-age=3600बताएं कि क्या यह समस्या कैश के कारण हो सकती है।