एक स्टैटिक फाइल वेबसाइट जोड़ें

ServBay एक शक्तिशाली लोकल वेब डेवेलपमेंट टूल है, जो कई भाषाओं और डेटाबेस का समर्थन करता है। डायनेमिक वेबसाइट्स के अलावा, ServBay स्टैटिक फाइल वेबसाइट्स, जैसे कि HTML, CSS, और JavaScript से बनी सिंपल वेबपेज या फ्रंटएंड एप्लिकेशन की होस्टिंग और टेस्टिंग के लिए भी बेहतरीन है।

यह लेख बताएगा कि आप ServBay में एक स्टैटिक फाइल वेबसाइट कैसे जोड़ें और कॉन्फ़िगर करें।

अवलोकन

एक स्टैटिक वेबसाइट ऐसे फाइल्स से बनी होती है जिन्हें वेब सर्वर सीधे सर्व करता है, जिसमें सर्वर-साइड स्क्रिप्ट (जैसे PHP, Node.js, Python आदि) का कोई रोल नहीं होता। ऐसी साइट में आम तौर पर HTML पेज, CSS स्टाइलशीट, JavaScript फाइल्स, इमेजेज, फॉन्ट्स, आदि शामिल होते हैं।

ServBay के ज़रिए लोकल स्टैटिक वेबसाइट होस्ट करना डेवेलपमेंट, डिबगिंग, और टेस्टिंग को सुविधाजनक बनाता है—खासकर जब आपको प्रॉडक्शन जैसी डोमेन एक्सेस, HTTPS कनेक्शन, या क्रॉस-ओरिजिन रिसोर्स शेयरिंग (CORS) की ज़रूरत हो।

एप्लीकेशन सीनारियोज़

प्योर फ्रंटएंड प्रोजेक्ट्स (HTML/CSS/JS) की डेवेलपमेंट और टेस्टिंग।
स्टैटिक डाक्यूमेंटेशन या ब्लॉग वेबसाइट्स की होस्टिंग।
विभिन्न वेब सर्वरों (Caddy/Nginx) द्वारा स्टैटिक रिसोर्स रेस्पॉन्स का टेस्ट।
लोकल एनवायरनमेंट में प्रॉडक्शन-लाइक डोमेन और HTTPS एक्सेस की मॉकिंग।
React, Vue, Angular जैसे फ्रंटएंड फ्रेमवर्क द्वारा बने प्रोडक्शन बिल्ड की लोकल टेस्टिंग।

प्री-रिक्विजिट्स

आपने macOS में ServBay सफलतापूर्वक इंस्टॉल और रन कर लिया है।
आपके पास डिप्लॉय करने के लिए ज़रूरी स्टैटिक वेबसाइट फाइल्स उपलब्ध हैं।

स्टेप-बाय-स्टेप गाइड

ServBay में अपनी स्टैटिक फाइल वेबसाइट जोड़ने के लिए निम्न स्टेप्स फॉलो करें:

स्टेप 1: अपनी वेबसाइट फाइल्स तैयार करें

सबसे पहले, सुनिश्चित करें कि आपकी सभी स्टैटिक वेबसाइट फाइल्स (जैसे index.html, style.css, script.js आदि) किसी एक डेडिकेटेड फोल्डर में रखी हैं।

साधारण और व्यवस्थित प्रबंधन के लिए, अपनी वेबसाइट डायरेक्टरी ServBay के डिफ़ॉल्ट वेबसाइट रूट /Applications/ServBay/www के अंतर्गत बनाना बेहतर है। उदाहरण के लिए, यदि आप my-static-site नाम की वेबसाइट बनाना चाहते हैं, तो /Applications/ServBay/www/ में my-static-site नाम से फोल्डर बनाएं और अपनी वेबसाइट फाइल्स उसमें रखें।

bash

# टर्मिनल में डेमो डायरेक्टरी बनाएं
mkdir -p /Applications/ServBay/www/servbay-static-demo
cd /Applications/ServBay/www/servbay-static-demo

# एक सिंपल index.html फाइल बनाएं
echo '<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ServBay 静态网站示例</title>
    <style>
        body { font-family: sans-serif; text-align: center; margin-top: 50px; }
        h1 { color: #333; }
    </style>
</head>
<body>
    <h1>बधाई हो! ServBay स्टैटिक वेबसाइट सफलतापूर्वक कॉन्फ़िगर हो गई है!</h1>
    <p>आप ServBay के ज़रिए इस लोकल स्टैटिक पेज को ऐक्सेस कर रहे हैं।</p>
</body>
</html>' > index.html

# आपकी फाइल स्ट्रक्चर अब कुछ ऐसी दिखेगी:
# /Applications/ServBay/www/servbay-static-demo/index.html

स्टेप 2: ServBay में वेबसाइट जोड़ें

ServBay ऐप्लीकेशन खोलें।
बाएं नेविगेशन बार में साइट्स पर क्लिक करें (नोट: पुराने वर्ज़न में यह "होस्ट" हो सकता है, नए वर्ज़न में इसे "साइट्स" कहा जाता है)।
साइट लिस्ट इंटरफेस के नीचे ऐड बटन पर क्लिक करें, जिससे एक कॉन्फ़िगरेशन विंडो खुलेगी।

स्टेप 3: वेबसाइट सेटिंग्स कॉन्फ़िगर करें

पॉपअप विंडो में निम्नलिखित जानकारी भरें या चुनें:

डोमेन (Domain): अपनी लोकल वेबसाइट ऐक्सेस के लिए जो डोमेन चाहिए, उसे दर्ज करें। .servbay.demo एक्सटेंशन, जैसे static.servbay.demo या my-static-site.servbay.demo का इस्तेमाल करें। ServBay ऐसे डोमेन्स के लोकल DNS मैपिंग को खुद हैंडल करता है—आपको hosts फाइल एडिट करने की जरूरत नहीं।
- स्पष्टीकरण: .servbay.demo डोमेन का उपयोग असली ऑनलाइन डोमेन से टकराव बचाने में मदद करता है। ServBay का इंटरनल DNS इन डोमेन्स को आपके कंप्यूटर पर रिज़ॉल्व करता है।
पाथ (Path): राइट में फोल्डर आइकन पर क्लिक करें और स्टेप 1 में बनाए गए वेबसाइट फोल्डर का चयन करें, जैसे /Applications/ServBay/www/servbay-static-demo/।
- स्पष्टीकरण: पाथ वह रूट डायरेक्टरी है, जहां वेब सर्वर (Caddy/Nginx) आपकी वेबसाइट फाइल्स ढूंढेगा, जिसे Document Root भी कहते हैं। जब आप http://static.servbay.demo/ खोलते हैं, सर्वर पहले यहां index.html या अन्य डिफ़ॉल्ट होमपेज तलाशेगा। पाथ फोल्डर होना चाहिए, किसी फाइल (जैसे index.html) का नाम नहीं।
पोर्ट (Port): आमतौर पर डिफ़ॉल्ट छोड़ दें, HTTP के लिए 80 और HTTPS के लिए 443 होता है। अगर कोई विशेष पोर्ट चाहिए, तो ले सकते हैं।
वेब सर्वर (Web Server): आप चाहें तो Caddy या Nginx चुनें। स्टैटिक वेबसाइट के लिए दोनों अच्छे हैं।
- Caddy: आसान सेटअप, HTTP/2 और ऑटो HTTPS (ServBay User CA के साथ) सपोर्ट, डिफ़ॉल्ट अनुशंसित।
- Nginx: हाई परफॉर्मेंस, लचीला, प्रॉडक्शन में खूब चलता है।
- एक चुनें।
PHP वर्शन (PHP Version): स्टैटिक वेबसाइट के लिए PHP नहीं चाहिए—None चुनें।
Node.js वर्शन (Node.js Version): स्टैटिक वेबसाइट के लिए Node.js नहीं चाहिए—None चुनें।
Python वर्शन (Python Version): स्टैटिक वेबसाइट के लिए Python नहीं चाहिए—None चुनें।
Go वर्शन (Go Version): स्टैटिक वेबसाइट के लिए Go नहीं चाहिए—None चुनें।
Java वर्शन (Java Version): स्टैटिक वेबसाइट के लिए Java नहीं चाहिए—None चुनें।
SSL: अगर HTTPS के ज़रिए लोकल साइट ऐक्सेस करना हो तो यह टिक करें। ServBay अपना इंटरनल User CA इस्तमाल कर आपके डोमेन हेतु भरोसेमंद SSL सर्टिफिकेट बना देता है।
CORS: अगर आपकी साइट को Cross-Origin Resource Sharing की जरूरत है (जैसे किसी अन्य डोमेन से API डेटा या फॉन्ट्स इम्पोर्ट करना हो) तो इसे एक्टिवेट कर सकते हैं। ServBay आपको CORS हेडर कस्टमाइज़ करने देता है।

स्टेप 4: सेव करें और बदलाव लागू करें

सब सेटिंग्स भरने के बाद, विंडो के नीचे सेव बटन पर क्लिक करें।
ServBay साइट लिस्ट स्क्रीन पर लौटें। आपको नई जोड़ी गई वेबसाइट दिखेगी।
साइट लिस्ट के ऊपर बदलाव लागू करें (Apply Changes) बटन पर क्लिक करें।
- स्पष्टीकरण: बदलाव लागू करें (Apply Changes) पर क्लिक करने से ServBay आपके वेब सर्वर (Caddy या Nginx) की कॉन्फ़िग फाइल्स रीलोड करता है। यह ज़रूरी स्टेप है, वर्ना नई वेबसाइट एक्सेस नहीं होगी।

सेटअप वैरिफाई करें

बदलावों को लागू करने के बाद, ब्राउज़र खोलें और एड्रेस बार में चुना हुआ डोमेन डालें (जैसे http://static.servbay.demo या अगर SSL ऑन किया था तो https://static.servbay.demo).

अगर सब कुछ सही कॉन्फ़िगर है, तो आपकी स्टैटिक साइट लोड होनी चाहिए, उदाहरण के लिए उस index.html पेज के साथ जो आपने डेमो में बनाया।

ध्यान देने योग्य बातें

यह सुनिश्चित करें कि आपने सही पाथ (Document Root) सेट किया है।
हर बार साइट कॉन्फ़िग में कोई जोड़/एडिट/डिलीट करें, तो बदलाव लागू करें (Apply Changes) ज़रूर दबाएँ।
स्टैटिक साइट्स के लिए सर्वर-साइड लेंग्वेज (PHP, Node.js आदि) को None रखना बेस्ट प्रैक्टिस है; इससे रिसोर्स की बचत और सिक्योरिटी बढ़ती है।
अगर एक्सेस में दिक्कत आए, तो:
- ServBay रन कर रहा है न, चेक करें।
- वेब सर्वर (Caddy/Nginx) की स्थिति जांचें।
- ब्राउज़र में डोमेन वही है न, जो ServBay में सेट किया है।
- ServBay लॉग्स देखें—अक्सर विस्तार से एरर मेसेज मिलता है।

सामान्य प्रश्न (FAQ)

प्रश्न: जब मैं सेट किए गए डोमेन पर जाता हूँ तो 'यह साइट एक्सेस नहीं की जा सकती' या 'सर्वर नहीं मिला' क्यों आता है?

उत्तर:

देख लें कि ServBay ऐप चल रहा है।
सुनिश्चित करें कि आपने बदलाव लागू करें (Apply Changes) पर क्लिक किया।
ब्राउज़र में टाइप किया डोमेन ServBay में सेट डोमेन से पूरा मेल खाता है—यह जांचें (HTTP या HTTPS का ध्यान रखें)।
पाथ सही वेबसाइट डायरेक्टरी पर है, यह चेक करें।
और डिटेल के लिए ServBay के लॉग देखें।

प्रश्न: मैंने पाथ सेट किया है, पर साइट खोलने पर index.html की जगह फोल्डर लिस्टिंग दिखती है?

उत्तर: ऐसा तब होता है जब आपकी वेबसाइट की रूट डायरेक्टरी में index.html या वैध डिफ़ॉल्ट फाइल न मिले। फोल्डर में ठीक नाम (केस व एक्सटेंशन सही) वाली index.html जरूर हो।

प्रश्न: क्या मैं स्टैटिक वेबसाइट के लिए HTTPS कॉन्फ़िगर कर सकता हूँ?

उत्तर: हां! ServBay में साइट एडिट करते समय SSL टिक करें। ServBay का User CA आपके लोकल डोमेन के लिए भरोसेमंद SSL सर्टिफिकेट जेनरेट और इंस्टॉल कर देता है, जिससे लोकल HTTPS आसान हो जाता है।

निष्कर्ष

ServBay के ज़रिए आप स्टैटिक फाइल वेबसाइट्स, चाहे सिंपल HTML पेज हो या फ्रंटएंड एप्लिकेशन का बिल्ड, बेहद आसानी से लोकली बना और मैनेज कर सकते हैं। ServBay की साइट मैनेजमेंट, लोकल डोमेन रेसोल्यूशन और SSL परीकूलता आपको फ्रंटएंड डेवेलपमेंट और टेस्टिंग में तेज़ी और सुविधा दोनों देती है।

एक स्टैटिक फाइल वेबसाइट जोड़ें ​

अवलोकन ​

एप्लीकेशन सीनारियोज़ ​

प्री-रिक्विजिट्स ​

स्टेप-बाय-स्टेप गाइड ​

स्टेप 1: अपनी वेबसाइट फाइल्स तैयार करें ​

स्टेप 2: ServBay में वेबसाइट जोड़ें ​

स्टेप 3: वेबसाइट सेटिंग्स कॉन्फ़िगर करें ​

स्टेप 4: सेव करें और बदलाव लागू करें ​

सेटअप वैरिफाई करें ​

ध्यान देने योग्य बातें ​

सामान्य प्रश्न (FAQ) ​

निष्कर्ष ​