सामग्री पर जाएँ
ब्लॉग पर वापस जाएँ

ब्लॉग

Formspree से Formhook में माइग्रेट करना: दस मिनट की गाइड

· 3 मिनट का पठन

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

(आखिर माइग्रेट क्यों करें? कीमतों, डेटा रिटेंशन और EU होस्टिंग की ईमानदार तुलना Formhook बनाम Formspree पेज पर मौजूद है। यह गाइड यह मानकर चलती है कि आप पहले ही फ़ैसला कर चुके हैं।)

चरण 1: अपने मौजूदा सबमिशन एक्सपोर्ट करें

अगर आप Formspree के पेड प्लान पर हैं, तो सबसे पहले अपना सबमिशन इतिहास एक्सपोर्ट कर लें - उनके प्राइसिंग पेज के अनुसार, Personal प्लान से ऊपर एक्सपोर्ट सुविधा शामिल है। अपने फ़ॉर्म के सबमिशन व्यू में एक्सपोर्ट का विकल्प देखें और कुछ और छेड़ने से पहले सब कुछ डाउनलोड कर लें। अगर आप उनके फ़्री प्लान पर हैं, तो जो भी ज़रूरी हो उसे मैन्युअली कॉपी कर लें; उनका फ़्री टियर टेस्टिंग के लिए बनाया गया है, इसलिए आदर्श रूप से उसमें ज़्यादा प्रोडक्शन डेटा नहीं होना चाहिए।

आप आखिर में जहाँ भी जाएँ, यह एक्सपोर्ट संभालकर रखें - लीड डेटा का ऐसा बैकअप जो किसी खास प्रोवाइडर पर निर्भर न हो, बस एक अच्छी आदत है।

चरण 2: Formhook फ़ॉर्म बनाएँ

साइन अप करें, एक फ़ॉर्म बनाएँ, और उसकी कुंजी (key) कॉपी कर लें। साथ ही ये दो सेटिंग्स भी कॉन्फ़िगर कर लें:

  • CORS एलाउलिस्ट - अपनी साइट के डोमेन जोड़ें, और अगर आप www वेरिएंट भी सर्व करते हैं तो उसे भी शामिल करें।
  • Turnstile - अगर पहले आपके पास CAPTCHA जैसी सुरक्षा थी, तो अभी Turnstile चालू कर दें ताकि स्विच के दौरान सुरक्षा में कोई रुकावट न आए। Honeypot और रेट लिमिटिंग पहले से ही चालू हैं।

चरण 3: एक लाइन का बदलाव

- <form action="https://formspree.io/f/xyzabcde" method="POST">
+ <form action="https://formhook.app/f/fh_your-key" method="POST">

फ़ील्ड नामों को बदलने की ज़रूरत नहीं है - दोनों सेवाएँ स्टैंडर्ड form-encoded POST स्वीकार करती हैं, और Formhook JSON तथा multipart भी लेता है। अगर आप fetch/AJAX इस्तेमाल कर रहे थे, तो वही एक-लाइन बदलाव आपके कोड में मौजूद URL पर भी लागू होता है।

हर जगह पकड़ने के लिए इन चीज़ों को grep करें: कॉम्पोनेंट्स में पुराना URL, FORM_ENDPOINT जैसे एनवायरनमेंट वेरिएबल्स, और पेज-दर-पेज टेम्प्लेट्स में हार्डकोड किया गया कोई भी एंडपॉइंट। मल्टी-फ़ॉर्म साइट्स के लिए: Formhook के मुफ़्त स्तर में कई फ़ॉर्म शामिल हैं, इसलिए हर पुराने फ़ॉर्म को मिलाने के बजाय उसकी अपनी अलग कुंजी दें - इससे हर फ़ॉर्म की नोटिफ़िकेशन और सेटिंग्स साफ़-सुथरी बनी रहती हैं।

चरण 4: डिप्लॉय की गई साइट से टेस्ट करें

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

चरण 5: पुराने फ़ॉर्म को बंद करें

सुरक्षा के लिए पुराने Formspree फ़ॉर्म को कुछ दिन और चालू रहने दें, फिर यह पक्का कर लेने के बाद कि सबमिशन ठीक से Formhook में आ रहे हैं, उसे बंद कर दें। अपना एक्सपोर्ट आर्काइव करके रखें। बस यही है पूरी माइग्रेशन प्रक्रिया - एक एट्रिब्यूट, कुछ सेटिंग्स, और एक टेस्ट। यह इतना आसान इसलिए है क्योंकि यही वजह किसी भी फ़ॉर्म बैकएंड को छोड़ना भी उतना ही आसान बनाती है: आपकी साइट किसी लॉक-इन पर नहीं, बल्कि सिर्फ़ एक URL पर निर्भर करती है।

एक ही लाइन में काम करने वाला फ़ॉर्म

EU-होस्टेड, सबमिशन हमेशा के लिए सुरक्षित, हर टियर पर पुश सूचनाएँ।

मुफ़्त में शुरू करें

क्रेडिट कार्ड नहीं चाहिए · दस्तावेज़ पढ़ें

आगे पढ़ें