अपना पहला वेबसाइट जोड़ें

ServBay में, लोकल विकास प्रोजेक्ट शुरू करने के लिए नया वेबसाइट जोड़ना सरल और सहज है। यह गाइड आपको ServBay में अपना पहला वेबसाइट जोड़ने के सभी स्टेप्स, महत्वपूर्ण सेटिंग्स और कुछ उपयोगी टिप्स के बारे में विस्तार से बताएगा।

चाहे आप PHP, Node.js, स्टैटिक वेबसाइट डेवलप कर रहे हों, या रिवर्स प्रॉक्सी या रीडायरेक्ट सेटअप करना हो, ServBay आपको लचीला सपोर्ट प्रदान करता है।

परिचय

ServBay का उद्देश्य वेब डेवलपर्स को एक शक्तिशाली, आसानी से प्रबंधनीय लोकल विकास वातावरण उपलब्ध कराना है। इसका यूजर-फ्रेंडली ग्राफिकल इंटरफ़ेस (GUI) आपको अनेक लोकल वेबसाइट्स जोड़ने, कॉन्फ़िगर करने और प्रबंधित करने की सुविधा देता है। नीचे दिए गए स्टेप्स फॉलो करके, आप ServBay में जल्दी से अपने पहले लोकल वेबसाइट बना सकते हैं और आवश्यक प्रोजेक्ट सेटिंग्स सेट कर सकते हैं।

पूर्वापेक्षाएँ

वेबसाइट जोड़ना शुरू करने से पहले सुनिश्चित करें कि:

• आपने macOS सिस्टम पर ServBay ऐप्लिकेशन सफलतापूर्वक इंस्टॉल और शुरू कर लिया है।

वेबसाइट जोड़ने की प्रक्रिया

ServBay GUI में नया वेबसाइट जोड़ने के संपूर्ण स्टेप्स इस प्रकार हैं:

स्टेप 1: ServBay एप्लिकेशन खोलें

सबसे पहले, अपने macOS एप्लिकेशन फोल्डर में ServBay आइकन खोजें और डबल-क्लिक करके ऐप्लिकेशन खोलें।

स्टेप 2: वेबसाइट प्रबंधन इंटरफ़ेस पर जाएँ

ServBay शुरू होने के बाद, मुख्य इंटरफ़ेस दिखाई देगा। बाईं ओर नेविगेशन मेनू में 'वेबसाइट' विकल्प पर क्लिक करें। इससे आप ServBay के वेबसाइट प्रबंधन पेज पर पहुँच जाएँगे।

स्टेप 3: नया वेबसाइट जोड़ना शुरू करें

वेबसाइट प्रबंधन पेज में, पेज के नीचे-बाएँ कोने में '+' बटन खोजें और उस पर क्लिक करें। क्लिक करने पर, दाएँ तरफ एक नया फॉर्म दिखाई देगा, जहाँ आप नई वेबसाइट के लिए डिटेल्ड सेटिंग्स दर्ज करेंगे।

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

नए वेबसाइट कॉन्फ़िगरेशन फॉर्म में, आपको निम्न महत्वपूर्ण जानकारी भरनी/चुननी होगी:

1. नाम: अपनी स्थानीय वेबसाइट के लिए एक पहचानने योग्य नाम चुनें। यह केवल ServBay के अंदर विभिन्न वेबसाइटों की पहचान के लिए है।
2. डोमेन: वह डोमेन दर्ज करें जिससे आप लोकल वेबसाइट को एक्सेस करना चाहते हैं। असली डोमेन से संघर्ष से बचने के लिए .demo या ServBay द्वारा प्री-कॉन्फ़िगर लोकल टॉप-लेवल डोमेन जैसे servbay.demo या myproject.servbay.demo का उपयोग करने की सलाह दी जाती है। ServBay लोकल DNS स्वतः प्रबंधित करेगा, जिससे आप इस डोमेन से ब्राउज़र में अपनी साइट खोल सकेंगे।
3. प्रोटोकॉल: कौन-सा प्रोटोकॉल वेबसाइट समर्थन करे, चुनें। आमतौर पर HTTP/HTTPS डिफ़ॉल्ट रहता है, ServBay HTTPS भी ऑटो-कॉन्फ़िगर करता है।
4. SSL प्रमाणपत्र हेतु अनुरोध विधि: लोकल वेबसाइट के लिए SSL/TLS सुरक्षा कॉन्फ़िगर करें।
   • ServBay CA: स्थानीय विकास के लिए अनुशंसित। ServBay का इनबिल्ट PKI आपके लिए एक SSL प्रमाणपत्र स्वतः जेनरेट और प्रबंधित करता है, जो ServBay रूट प्रमाणपत्र से हस्ताक्षरित होता है। आपको केवल अपने सिस्टम में ServBay का रूट प्रमाणपत्र (ServBay User CA या ServBay Public CA) ट्रस्ट करना है, ताकि ब्राउज़र में HTTPS तक सुरक्षित, चेतावनी मुक्त पहुँच मिले।
   • ACME: यदि आप प्रोडक्शन एनवायरनमेंट जैसा वातावरण चाहते हैं, तो आप ACME प्रोटोकॉल (जैसे Let's Encrypt, ZeroSSL, Google Trust Services आदि) से अपनी लोकल डोमेन (यदि वह सार्वजनिक रूप से पॉइंट होती है) के लिए असली सार्वजनिक प्रमाणपत्र ले सकते हैं। ServBay ACME से औटो-रिक्वेस्ट और सर्टिफिकेट ऑटो-रिन्यू को भी सपोर्ट करता है।
5. वेबसाइट का प्रकार: अपनी टेक्नोलॉजी स्टेक के अनुसार इंटरनेट साइट प्रकार चुनें:
   • PHP: PHP पर आधारित प्रोजेक्ट्स (WordPress, Laravel, Symfony आदि) के लिए। ServBay वेब सर्वर (Nginx या Apache) को PHP-FPM के साथ PHP रिक्वेस्ट प्रोसेस के लिए कॉन्फ़िगर करता है।
   • Node.js: Node.js ऐप्लिकेशन के लिए, ServBay आमतौर पर रिवर्स प्रॉक्सी बनाता है जो वेब रिक्वेस्ट्स को Node.js ऐप द्वारा सुने जाने वाले पोर्ट पर फॉरवर्ड करता है।
   • स्टैटिक: केवल HTML, CSS, JavaScript आदि स्थैतिक फाइलों के लिए। वेब सर्वर सीधे फाइल सर्विस प्रदान करता है।
   • रिवर्स प्रॉक्सी: किसी डोमेन या पथ की रिक्वेस्ट्स को अन्य लोकल या रिमोट ऐड्रेस/पोर्ट पर फॉरवर्ड करता है। अन्य सेवाओं या वेबस पर प्रॉक्सी के लिए उपयोगी।
   • रीडायरेक्ट: इस डोमेन से आने वाली सभी रिक्वेस्ट्स किसी अन्य URL पर रीडायरेक्ट करती हैं।
6. PHP संस्करण: यदि वेबसाइट प्रकार PHP चुना है, तो आपको ड्रॉपडाउन से कोई इंस्टॉल और रनिंग PHP वर्शन चुनना होगा। पहले सुनिश्चित करें कि आपकी आवश्यकता वाला PHP वर्शन ServBay पैकेज मैनेजर से इंस्टॉल किया गया है।
7. URL रीराइट (पर्सूडो-स्टेटिक) नियम: अधिकांश आधुनिक वेब फ्रेमवर्क्स और CMS सुंदर URL के लिए URL रीराइटिंग का उपयोग करते हैं (जैसे /about की जगह /index.php?page=about नहीं)। ServBay प्रसिद्ध ऐप्स (जैसे Laravel, WordPress, Discuz! आदि) के लिए प्रीसेट रीराइटिंग नियम देता है, जिन्हें सेलेक्ट करके तुरंत लागू करें। आपके फ्रेमवर्क/ऐप का नाम लिस्ट में न हो या कस्टम रूल लगाने हों, तो आपको वेब सर्वर (Nginx या Apache) की मैनुअल सेटिंग करनी पड़ सकती है।
8. रूट डायरेक्टरी: अपनी वेबसाइट फाइलों का फिज़िकल पाथ स्पेसिफाई करें। वेब सर्वर यहीं से फाइल्स सर्व करेगा। सलाह है कि अपनी प्रोजेक्ट फाइल ServBay की डिफॉल्ट www डिरेक्टरी में, जैसे /Applications/ServBay/www/servbay-demo रखें। सुनिश्चित करें कि यह डाइरेक्टरी मौजूद है तथा ServBay प्रॉसेस को वहाँ पढ़ने की अनुमति है।

WARNING

जो लोग कोई फ्रेमवर्क (जैसे Laravel) का उपयोग कर रहे हैं, वे ध्‍यान दें कि रूट डायरेक्टरी को हमेशा उस public फोल्डर को पॉइंट करें जिसमें index.php हो, प्रोजेक्ट की मूल डायरेक्टरी को नहीं।

स्टेप 5: वेबसाइट को सेव एवं एनेबल करें

सब जानकारी सावधानीपूर्वक भरने/जाँचने के बाद, फॉर्म के नीचे 'जोड़ें' बटन पर क्लिक करें। ServBay नया वेबसाइट कॉन्फ़िगरेशन वेब सर्वर (जैसे Nginx या Apache) में लोड करेगा और लोकल DNS सेटिंग्स अपडेट करेगा।

सफलतापूर्वक सेव होने के बाद, नया वेबसाइट आपकी वेबसाइट लिस्ट में दिखेगा। आप ऊपर दाईं ओर के ब्राउज़र आइकन को क्लिक कर साइट तुरन्त खोल सकते हैं।

स्टेप 6: त्वरित प्रबंधन विकल्पों का लाभ उठाएँ

ServBay लिस्ट के प्रत्येक वेबसाइट के लिए कई सुविधाजनक शॉर्टकट बटन प्रदान करता है, जो आपकी लोकल डेवेलपमेंट वर्कफ़्लो को तेज बनाते हैं:

1. IDE से खोलें: वेबसाइट के रूट डायरेक्टरी को आपके पसंदीदा कोड एडिटर या IDE में तुरंत खोलें।
2. ब्राउज़र में खोलें: वेबसाइट URL को सीधे डिफॉल्ट वेब ब्राउज़र में खोलें।
3. वेबसाइट लॉग देखें: संबंधित वेब सर्वर के एक्सेस/एरर लॉग तुरंत देखें, जिससे डिबग करना आसान हो।
4. वेबसाइट को रोकें/चालू करें: वेबसाइट तक पहुँच को अस्थायी रूप से बंद या पुनः शुरू करें।
5. वेबसाइट हटाएँ: ServBay से वेबसाइट का कॉन्फ़िगरेशन डिलीट करें (फाइल नहीं हटती)।

सरल उदाहरण : एक स्टैटिक HTML वेबसाइट बनाएं

अपना पहला वेबसाइट सही से सेट हुआ है या नहीं, यह जांचने के लिए निम्नलिखित टेस्ट करें:

1. ऊपर दिए गए स्टेप्स के अनुसार, नया वेबसाइट जोड़ें (जैसे डोमेन servbay.demo, वेबसाइट प्रकार स्टैटिक, रूट डायरेक्टरी /Applications/ServBay/www/servbay-demo-static सेट करें)।
2. अपने फाइल सिस्टम में /Applications/ServBay/www/servbay-demo-static नामक डायरेक्टरी बनाएँ।
3. उस फ़ोल्डर में index.html नाम की फाइल बनाएँ।
4. किसी टेक्स्ट एडिटर से index.html खोलें, और निम्नलिखित साधारण HTML कोड डालें:

```html
<!DOCTYPE html>
<html>
<head>
    <title>ServBay Static Test</title>
</head>
<body>
    <h1>बधाई हो! आपका पहला ServBay वेबसाइट सफलतापूर्वक चल रहा है!</h1>
    <p>यदि आप यह पेज देख पा रहे हैं, तो इसका अर्थ है कि आपका लोकल स्टैटिक वेबसाइट ServBay में सफलतापूर्वक सेटअप हो गया है।</p>
</body>
</html>
```

5. index.html को सेव करें।
6. ServBay वेबसाइट प्रबंधन में जाएँ, और अपनी servbay.demo साइट खोजकर ब्राउज़र आइकन पर क्लिक करें।
7. आपके ब्राउज़र में http://servbay.demo (या आपके SSL सेटिंग के अनुसार https://servbay.demo) खुलेगा, और बना हुआ index.html दिखना चाहिए।

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

• डोमेन संघर्ष: ऐसे डोमेन इस्तेमाल करने से बचें जिनमें आपके लोकल नेटवर्क या VPN से टकराव हो सकता है। .demo सुरक्षित विकल्प है।
• रूट डायरेक्टरी परमिशन: ServBay रन करने वाला यूज़र (आमतौर पर आपकी यूज़र आईडी) को वेबसाइट रूट डायरेक्टरी व सब-फाइल्स पढ़ने की अनुमति होनी चाहिए।
• पोर्ट उपयोग: ServBay डिफॉल्ट HTTP (80), HTTPS (443) पोर्ट इस्तेमाल करता है। यदि कोई अन्य एप्लीकेशन ये पोर्ट इस्तेमाल कर रही हो, तो ServBay वेब सर्वर चालू नहीं कर सकेगा या आपकी वेबसाइट एक्सेस नहीं होगी। ऐसे प्रोग्राम बंद करें।
• ServBay CA ट्रस्ट करें: यदि आप ServBay CA यूज़ कर रहे हैं और HTTPS को बिना चेतावनी इस्तेमाल करना चाहते हैं, तो अपने macOS सिस्टम में ServBay User CA या ServBay Public CA ट्रस्ट करना होगा। इसके निर्देश ServBay डॉक्स में देखें।

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

• प्र. मेरी वेबसाइट खुलने पर "HTTP Error 403 - Forbidden" या "HTTP Error 404 - File not found" क्यों आ रहा है?
  • उत्तर: यह डेवलपर्स को अक्सर मिलने वाली गलती है।
  • पहले सुनिश्चित करें कि वेबसाइट की रूट डायरेक्टरी सही है। अधिकांश आधुनिक फ्रेमवर्क्स (जैसे Laravel, Symfony, CakePHP आदि) में, सुरक्षा और मैनेजमेंट हेतु प्रोजेक्ट का मुख्य फोल्डर (जहाँ vendor, composer.json, package.json जैसे फाइल रहते हैं) असली वेबसाइट रूट डायरेक्टरी नहीं होता।
  • अतः, वेबसाइट रूट डायरेक्टरी को वहाँ पॉइंट करें जहाँ असली एंट्री फाइल (जैसे index.php, index.html) हैं।
  • सामान्य प्रवेश डायरेक्टरी: public, web, www, htdocs, wwwroot, webroot आदि।
• प्र. वेबसाइट जोड़ने के बाद ब्राउज़र में 'यह वेबसाइट नहीं मिल रही' या 'कनेक्शन अस्वीकृत हुआ' दिखता है?
  • उत्तर: पहले देखें कि ServBay ठीक से चल रहा है और वेब सर्वर (Caddy/Nginx/Apache) सामान्य स्थिति में है (मुख्य पेज में देखें)।
  • ब्राउज़र में इस्तमाल किया डोमेन, ServBay कॉन्फिग में दिए डोमेन से मेल खा रहा है या नहीं।
  • वेबसाइट की लिस्ट में उसकी स्थिति 'चालू' हो (रुकी हुई न हो)।
  • रूट डायरेक्टरी सही है और वहाँ एंट्री फाइल (जैसे index.html, index.php) मौजूद है।
  • पोर्ट 80 व 443 किसी और ऐप से व्यस्त तो नहीं।
• प्र. मेरा PHP वेबसाइट जैसा अपेक्षित था वैसा नहीं खुल रहा, केवल खाली पेज दिख रहा/डाउनलोडिंग हो रही?
  • उत्तर: वेबसाइट सेटअप में सही PHP वर्शन चुना है और वह पैकेज मैनेजर से इंस्टॉल व चालू है, यह चेक करें।
  • रूट डायरेक्टरी फाइलों के परमिशन जाँचें।
  • वेबसाइट लॉग ( शॉर्टकट बटन से ) देखें, PHP एरर लॉग में त्रुटि है या नहीं।
  • अपने प्रोजेक्ट में index.php या अन्य डिफॉल्ट इंडेक्स फाइल है, इसकी पुष्टि करें।
• प्र. मैंने HTTPS सेट किया, लेकिन ब्राउज़र में सर्टिफिकेट चेतावनी क्यों?
  • उत्तर: यदि ServBay CA उपयोग किया है, तो सिस्टम या ब्राउज़र में उसका रूट सर्टिफिकेट ट्रस्ट करना जरूरी है। ServBay डॉक्युमेंटेशन में इसे ट्रस्ट करने के निर्देश देखें।
  • अगर ACME का उपयोग है, तो देख लें डोमेन ServBay इंस्टेंस पर सही पॉइंट कर रहा है तथा सर्टिफिकेट सफलतापूर्वक मिले और इंस्टॉल हैं। एसीएमई संबंधित डिटेल ServBay लॉग में दिखेगी।
• प्र. URL रीराइट नियमों के न चलने से पेज एक्सेस नहीं हो रहा?
  • उत्तर: वेबसाइट सेटिंग्स में अपने फ्रेमवर्क/ऐप के अनुरूप रीराइट रूल चुना है या नहीं, देख लें।
  • अपाचे इस्तेमाल कर रहे हों तो .htaccess फाइल साइट रूट/सब फोल्डर में है और ServBay का Apache कॉन्फ़िगरेशन .htaccess पढ़ने देता है, यह देखें।
  • Nginx/Caddy में रीराइट आमतौर पर ServBay जेनरेटेड कॉन्फिग में आता है, रूल लोड हो रहा है या नहीं जाँचें।

निष्कर्ष

इस गाइड के चरणों का पालन करके आपने ServBay लोकल विकास वातावरण में अपना पहला वेबसाइट सफलतापूर्वक जोड़ और चला लिया है। ServBay की शक्तिशाली साइट प्रबंधन, लचीला कॉन्फ़िगरेशन (SSL सर्टिफिकेट, साइट टाइप, PHP वर्शन, URL रीराइट आदि) और शॉर्टकट ऑप्शन आपकी लोकल डेवेलपमेंट को अत्यंत सहज बनाते हैं। ServBay के अन्य फीचर्स, जैसे पैकेज मैनेजमेंट, डेटाबेस प्रबंधन आदि भी एक्स्प्लोर करें और अपनी डेवेलपमेंट वर्कफ़्लो को और बेहतर बनाएं।