CreateYourVPN Academy
कोर्स: सब कुछ कैसे काम करता है

कस्टमाइज़ेशन: आपके VPN का स्टोरफ़्रंट

CreateYourVPN में «कस्टमाइज़ेशन» अनुभाग: स्टोरफ्रंट के तीन पते, आपके अपने डोमेन, लोगो और फ़ेविकॉन, एक्सेंट रंग, सहायता संपर्क और स्टोरफ्रंट को फ़ोन पर इंस्टॉल करना।

पिछले पाठ में «स्टोरफ़्रंट» शब्द कई बार आया। अब इससे ठीक से मिल लेते हैं: स्टोरफ़्रंट आपके VPN की वह साइट है जिसे आपके क्लाइंट इस्तेमाल करते हैं। «कस्टमाइज़ेशन» सेक्शन इसी बात का ज़िम्मेदार है कि यह साइट किस पते पर रहती है और कैसी दिखती है।

यह अनुभाग तीन टैब में बँटा है: रूप-रंग (लोगो, नाम, रंग, सहायता संपर्क), डोमेन (स्टोरफ़्रंट के पते और आपके अपने डोमेन) और सामान्य

स्टोरफ़्रंट क्या है

CreateYourVPN का पैनल सिर्फ़ आप देखते हैं। क्लाइंट स्टोरफ़्रंट देखते हैं — आपके ब्रांड के तहत एक अलग साइट:

  • email से लॉगिन — क्लाइंट अपनी ईमेल और ईमेल में आया कोड डालता है, कोई पासवर्ड नहीं;
  • पर्सनल कैबिनेट — सब्सक्रिप्शन और QR, ऐप इंस्टॉल करने के बटन, भुगतान बटन वाले आपके टैरिफ़, सपोर्ट संपर्क;
  • Max पर — साथ ही एक लैंडिंग पेज: आपकी सेवा का पूरा मुख्य पृष्ठ।

पिछले पाठ वाला वह क्लाइंट, जिसे आपने email से बनाया था, यहीं लॉग इन करता है — और अपना सब्सक्रिप्शन ख़ुद उठा लेता है।

स्टोरफ्रंट के पते

स्टोरफ़्रंट के तीन पते हैं, हर काम के लिए एक। हर पते का अपना नाम है, और तीनों आप ख़ुद चुनते हैं:

सतहपतावहाँ क्या रहता है
लैंडिंग पेजआपकानाम.subscriberhub.xyzप्लान और भुगतान वाला आपका सार्वजनिक पेज (Max)
ग्राहक खाताआपकानाम-app.subscriberhub.xyzजहाँ ग्राहक साइन इन करते, भुगतान करते और अपना कॉन्फ़िगरेशन लेते हैं
सब्सक्रिप्शन लिंकआपकानाम-sub.subscriberhub.xyzवह पता जहाँ से ऐप्स सब्सक्रिप्शन लेते हैं

हर कार्ड का अपना नाम फ़ील्ड और «जाँचें» बटन है, जो तुरंत बता देता है कि नाम खाली है या नहीं। subscriberhub.xyz जानबूझकर तटस्थ डोमेन है: पते से न प्लेटफ़ॉर्म का पता चलता है, न यह कि पीछे VPN है।

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

प्लान यह तय करता है कि आपके पास क्या है, यह नहीं कि वह कहाँ रहता है:

प्लानसतहें
बेसिकग्राहक खाता और सब्सक्रिप्शन लिंक
Maxसाथ में लैंडिंग पेज और आपके अपने डोमेन

अगर आपका स्टोरफ़्रंट पतों के अलग होने से पहले से मौजूद था, तो आपका पुराना पता अब आपका लैंडिंग पेज है — नाम खुद नहीं बदला। साइन-इन और ग्राहक कैबिनेट कैबिनेट के पते पर चले गए हैं, अब आपके ग्राहक वहीं साइन इन करेंगे। पुराने पते पर पहले जारी हो चुके सब्सक्रिप्शन लिंक काम करते रहते हैं।

आपके अपने डोमेन

Max पर हर सतह आपके अपने डोमेन पर भी रह सकती है — कार्ड को «अपना डोमेन» पर स्विच करें और उसे जोड़ें। पता ठीक वैसे ही लिखें जैसे उसे काम करना है — acme.com या vpn.acme.com — वही होस्ट सर्व किया जाएगा, उसमें कुछ भी जोड़ा नहीं जाता। हर सतह को अपना पता चाहिए, इसलिए लैंडिंग पेज, ग्राहक कैबिनेट और सदस्यता लिंक को अलग-अलग पते दें।

पैनल दिखाता है कि कौन-से DNS रिकॉर्ड बनाने हैं, फिर स्वामित्व की जाँच और प्रमाणपत्र जारी करना वह खुद करता है — आपकी ओर से सिर्फ़ DNS बचता है।

किसी सतह का नाम बदलने से उसके अपने डोमेन पर असर नहीं पड़ता: नाम बदलने से केवल प्लेटफ़ॉर्म का सबडोमेन बदलता है। अपना डोमेन आप ही संभालते हैं — नया होस्ट जोड़ें, उसकी पुष्टि करें और सक्रिय करें; पिछला होस्ट पहले जारी की गई हर चीज़ को चलाता रहेगा।

आपके ग्राहकों के सब्सक्रिप्शन लिंक (https://आपका-सब्सक्रिप्शन-पता/sub/…) सब्सक्रिप्शन पते पर रहते हैं — ऐप्स के भीतर यही आपकी सेवा का «चेहरा» है। पहले जारी किए गए लिंक किसी भी बदलाव के बाद भी काम करते रहते हैं: पुराने पते कभी वापस नहीं लिए जाते।

ब्रांडिंग

«ब्रांडिंग» कार्ड — स्टोरफ़्रंट की शक्ल-सूरत:

  • ब्रांड का नाम — आपकी सेवा का वह नाम जैसा क्लाइंट देखते हैं।
  • विवरण — स्टोरफ़्रंट का उपशीर्षक; यही सर्च इंजन और सोशल-नेटवर्क प्रीव्यू में भी जाता है।
  • लोगो — कोई भी तस्वीर अपलोड करें (PNG, JPG, WebP…), सिस्टम उसे ख़ुद कंप्रेस करके ज़रूरी फ़ॉर्मैट में ढाल देता है। लोगो से अपने आप फ़ेविकॉन, ऐप आइकन और सोशल-नेटवर्क प्रीव्यू बन जाते हैं।
  • «स्टोरफ़्रंट की कलर थीम» — 12 शेड्स वाले पैलेट से एक एक्सेंट कलर: यह कैबिनेट, लॉगिन पेज और लैंडिंग के बटन और ग्रेडिएंट को रंग देता है। और लाइट या डार्क वर्शन क्लाइंट स्टोरफ़्रंट में ख़ुद चुनता है।

सोशल-नेटवर्क प्रीव्यू अपने आप जेनरेट होता है: गहरे बैकग्राउंड पर एक्सेंट-हाइलाइट के साथ आपके ब्रांड का नाम और विवरण (और अगर लोगो अपलोड है — तो वह भी)। Telegram या किसी मैसेंजर में डाली गई स्टोरफ़्रंट की लिंक तुरंत ब्रांडेड दिखती है।

फ़ोन पर ऐप की तरह स्टोरफ़्रंट

स्टोरफ़्रंट फ़ोन पर एक ऐप की तरह इंस्टॉल हो सकता है: कैबिनेट क्लाइंट को साइट को होम स्क्रीन पर जोड़ने का सुझाव देता है — आपके आइकन और आपके नाम के साथ। ऐप डेवलप किए बिना ही «आपके VPN का ऐप» बन जाता है: क्लाइंट उसे एक टैप में खोलता है, और अंदर — सब्सक्रिप्शन, टैरिफ़ और सपोर्ट। अगर लोगो अभी अपलोड नहीं है, तो आइकन एक्सेंट ग्रेडिएंट पर नाम के पहले अक्षर वाली टाइल बन जाता है।

सपोर्ट संपर्क

«सपोर्ट Email» और «सपोर्ट Telegram» फ़ील्ड क्लाइंट को पर्सनल कैबिनेट में दिखते हैं। कम से कम एक भरें — तो क्लाइंट को «अगर काम न करे तो किसे लिखूँ» का जवाब मिल जाएगा। Telegram जैसे सुविधा हो वैसे डालें: handle, @handle या t.me/… लिंक — सिस्टम समझ जाएगा।

ग्राहकों के ऐप आपके सर्वरों को क्या नाम देते हैं

अपने ऐप में ग्राहक "सर्वरों" की सूची देखता है — आपके हर ग़ैर-ख़ाली रूट के लिए एक पंक्ति। उस पंक्ति का नाम आप चुनते हैं: "सामान्य" टैब पर दो विकल्प हैं।

  • इनबाउंड के नाम से (डिफ़ॉल्ट) — ग्राहक ठीक वही एंट्री पॉइंट देखता है जो बैलेंसर ने उसके लिए चुना: "🇺🇸 न्यूयॉर्क", "🇺🇸 डलास"।
  • रूट के नाम से — ग्राहक "🇺🇸 अमेरिका" देखता है: प्रति रूट एक पंक्ति, चाहे उसके अंदर वह किसी भी सर्वर पर पहुँचे।

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

नए नाम अगली सब्सक्रिप्शन अपडेट के साथ पहुँचते हैं — ऐप यह ख़ुद करते हैं, आमतौर पर 12 घंटे के भीतर, और ग्राहक को कुछ नहीं करना पड़ता। अपवाद हैं राउटर के कॉन्फ़िगरेशन: उनमें दिखने वाले नाम होते ही नहीं, केवल तकनीकी टैग।

बदलाव कब लागू होते हैं

तुरंत: «ब्रांडिंग सेव करें» दबाया — और स्टोरफ़्रंट लगभग तत्काल अपडेट हो जाता है, कुछ भी «रीडिप्लॉय» करने की ज़रूरत नहीं। क्लाइंट को भी कुछ नहीं करना पड़ता। एक अपवाद है — फ़ेविकॉन, ऐप आइकन और सोशल-नेटवर्क प्रीव्यू: ये कैश होते हैं और कुछ मिनट बाद अपडेट हो सकते हैं।

याद रखें

  • स्टोरफ़्रंट — क्लाइंट के लिए साइट: email-कोड से लॉगिन, सब्सक्रिप्शन और टैरिफ़ वाला कैबिनेट; Max पर — साथ में लैंडिंग भी।
  • तीन पते, हर काम के लिए एक: लैंडिंग पेज, ग्राहक खाता और सब्सक्रिप्शन लिंक। एक का ब्लॉक होना बाकियों को साथ नहीं ले जाता।
  • प्लान तय करता है कि आपके पास क्या है, यह नहीं कि वह कहाँ रहता है: बेसिक — ग्राहक खाता और सब्सक्रिप्शन लिंक; Max — साथ में लैंडिंग पेज और आपके अपने डोमेन।
  • लोगो अपने आप फ़ेविकॉन, ऐप आइकन और सोशल-नेटवर्क प्रीव्यू में बदल जाता है; एक्सेंट — पैलेट से, लाइट/डार्क क्लाइंट चुनता है।
  • स्टोरफ़्रंट फ़ोन पर ऐप की तरह इंस्टॉल होता है — आपके आइकन के साथ।
  • इस सेक्शन के सपोर्ट संपर्क हर क्लाइंट के कैबिनेट में दिखते हैं।
  • "सामान्य" टैब तय करता है कि ग्राहकों के ऐप आपके सर्वरों को क्या नाम देंगे: इनबाउंड का नाम (डिफ़ॉल्ट) या रूट का नाम।

आगे क्या

स्टोरफ़्रंट तैयार है — अब उस पर माल सजाने का वक़्त है।

On this page