HTML सर्व करना: अपना पहला असली वेब पेज भेजें

आपका सर्वर डेटा तो भेज सकता है, पर एक दिक्कत है — लोग JSON नहीं पढ़ते। वे वेब पेज पढ़ते हैं, ठीक वैसे ही जैसे आप WhatsApp या Flipkart खोलते हैं। तो सवाल यह है: आप एक असली, दिखने वाला पेज कैसे भेजें?

HTML सर्व करना यानी अपने सर्वर से HTML कोड भेजना, जिसे ब्राउज़र एक असली वेब पेज में बदल देता है — जो लोग पढ़ सकें, JSON जैसे सिर्फ़ डेटा नहीं।

एक पोस्टर के बारे में सोचिए। आप उसे डिज़ाइन करते हैं, प्रिंट करते हैं, और दीवार पर लगाते हैं ताकि सब देख सकें। HTML सर्व करना बस यही है — आप एक पेज भेजते हैं, और बाकी काम ब्राउज़र कर देता है।

JSON और HTML में फ़र्क क्या है?

दोनों ही आपका सर्वर भेज सकता है, पर इनका मकसद अलग है।

• JSON प्रोग्राम्स के पढ़ने के लिए है। यह साफ़-सुथरा डेटा है जिसे दूसरे प्रोग्राम आसानी से समझ लेते हैं।
• HTML लोगों के देखने के लिए है। यह एक पेज है — हेडिंग, टेक्स्ट, बटन — जिसे ब्राउज़र रेंडर करके स्क्रीन पर दिखाता है।

आसान तरीके से याद रखिए: JSON प्रोग्राम्स के लिए, HTML लोगों के लिए।

HTML सर्व करना कोड में कैसा दिखता है?

जब आपने पिछले स्टेप में पूरा फ्री Zero to AI Hero कोर्स में JSON सर्व करना सीखा, तो आपने res.json का इस्तेमाल किया था। यहाँ हम res.send इस्तेमाल करते हैं और उसके अंदर अपना HTML रखते हैं।

res.send("<h1>Hi</h1>")

चलिए इसे लाइन-दर-लाइन पढ़ते हैं:

• res.send का मतलब है “यह पेज भेज दो”।
• <h1> टैग खुद HTML है — यह एक बड़ी हेडिंग बनाता है।
• “Hi” वो टेक्स्ट है जो लोगों को दिखेगा।

बस इतना ही। ब्राउज़र इस HTML को रेंडर करता है और “Hi” एक मोटी हेडिंग की तरह स्क्रीन पर आ जाता है।

HTML सर्व करना इतनी बड़ी बात क्यों है?

क्योंकि अब आप अपने ब्राउज़र में एक पता टाइप करते हैं, और वो पेज सामने आ जाता है — आपका पहला खुद-होस्ट किया हुआ पेज। यह वही चीज़ है जो हर वेबसाइट के पीछे चलती है। आपने अभी अपने हाथ से एक छोटा सा वेब पेज इंटरनेट की तरह भेजना सीख लिया।

मैं इसे अभी कैसे ट्राई करूँ?

यह तीन स्टेप में हो जाता है:

• अपना सर्वर चलाएँ (जैसे आपने सर्वर चलाना वाले स्टेप में सीखा था)।
• अपने ब्राउज़र में localhost खोलें।
• आपका पेज स्क्रीन पर दिख जाएगा।

जैसे ही “Hi” वाली हेडिंग ब्राउज़र में दिखे, समझ लीजिए — आपने अपना पहला असली पेज सर्व कर दिया।

मुख्य बातें (Key takeaways)

• HTML सर्व करना यानी सर्वर से HTML भेजना, जिसे ब्राउज़र असली पेज में बदल देता है।
• JSON प्रोग्राम्स के पढ़ने के लिए है; HTML लोगों के देखने के लिए है।
• कोड में res.send इस्तेमाल करें और उसके अंदर अपना HTML, जैसे एक <h1> हेडिंग।
• सर्वर चलाएँ, ब्राउज़र में localhost खोलें, और आपका पेज दिख जाएगा।
• आगे: सर्वर को रोकना और दोबारा शुरू करना।

🚀 पूरा फ्री कोर्स देखें: Zero to AI Hero — हिंदी में सीखें। रोज़ नए लेसन। शुरुआत से AI इस्तेमाल करना और बनाना सीखें।