इस ट्यूटोरियल में, हम करीब से देखेंगे कि आप Tilda और AppMaster को कैसे एकीकृत कर सकते हैं। मान लीजिए कि Tilda में एक निश्चित रूप बनाया गया है, और हमारा काम यह सुनिश्चित करना है कि डेटा, जब इसे भर दिया जाता है, AppMaster में आ रहा है, वहां संसाधित किया जाता है और डेटाबेस में संग्रहीत किया जाता है।

AppMaster में AppMaster बनाना

Tilda वेबहुक के माध्यम से तृतीय-पक्ष सेवाओं को डेटा भेजता है। इसलिए, यह आवश्यक वेबहुक के निर्माण के साथ शुरू करने लायक है और सबसे पहले, इसके संचालन के लिए व्यवसाय प्रक्रिया तैयार करना।

इस प्रक्रिया की एक विशेषता यह है कि यह पहले से ज्ञात नहीं है कि कौन सा सटीक डेटा प्राप्त होगा। वेबहुक " raw " अनुरोधों के साथ काम करेगा जिन्हें ठीक से संसाधित करने की आवश्यकता है। ऐसा करने के लिए, हम Get Request Body ब्लॉक का उपयोग करेंगे। आइए देखें कि आम तौर पर Tilda से कौन सा डेटा आता है, इसे String में बदलें, इसे लॉग में लिखें और अनुरोध के जवाब में प्रदर्शित करें।

एंडपॉइंट सेक्शन में, चलिए तुरंत एक नया वेबहुक बनाते हैं। यह ध्यान रखना महत्वपूर्ण है कि अनुरोध प्रकार Raw होना चाहिए क्योंकि इसमें कोई हार्ड-कोडित इनपुट पैरामीटर नहीं है और यह किसी भी डेटा को स्वीकार करने के लिए तैयार है। आपको Middleware Token Auth को अक्षम करने की भी आवश्यकता है क्योंकि Tilda में एक फॉर्म भरने के लिए, आपको AppMaster में प्राधिकरण के माध्यम से जाने की आवश्यकता नहीं है, और डेटा भेजना हर किसी के लिए खुला है।

Tilda फॉर्म सेटअप

अगला कदम Tilda को बनाए गए वेबहुक से जोड़ना है। ऐसा करने के लिए, साइट फॉर्म की सेटिंग में, यह URL निर्दिष्ट करने के लिए पर्याप्त है, हालाँकि, यदि आवश्यक हो, तो आप अतिरिक्त विकल्पों का उपयोग कर सकते हैं। उदाहरण के लिए, अतिरिक्त सुरक्षा के लिए, अनुरोध के मुख्य भाग में या हेडर में एक विशेष कुंजी भी पास करें।

यदि सब कुछ सही ढंग से किया जाता है, तो इस वेबहुक को साइट पर सभी रूपों से तुरंत लिंक करने की क्षमता वाला एक संबंधित संदेश दिखाई देगा।

यह केवल पेज को फॉर्म के साथ प्रकाशित करने और कार्रवाई में परीक्षण करने के लिए बनी हुई है।

AppMaster लॉग खोलकर, आप यह सुनिश्चित कर सकते हैं कि प्रपत्र से डेटा वास्तव में प्राप्त हुआ था।

संदेश: "ईमेल = परीक्षण%40gmail.com&Name=जॉन+स्मिथ&फोन=%2B1-202-202-22-22&Comments=Hello%2C+world%21%0AThis+is+my+comment&tranid=6355139%3A3971256761&formid=form513738662"

आप फॉर्म में भरी हुई सारी जानकारी देख सकते हैं। उसी समय, यह स्पष्ट हो जाता है कि डेटा क्रमशः x-www-form-urlencoded प्रारूप में प्राप्त होता है, उन्हें अब कच्चे डेटा के सेट के रूप में नहीं, बल्कि अलग-अलग क्षेत्रों के संग्रह के रूप में संसाधित किया जा सकता है।

AppMaster डेटाबेस मॉडल

यह केवल सही हैंडलर बनाने के लिए बनी हुई है। और डेटाबेस मॉडल से शुरू करना सबसे अच्छा है जहां सभी जानकारी संग्रहीत की जाएगी।

एक मानक रूप के लिए, 4 क्षेत्रों वाला एक साधारण मॉडल पर्याप्त है:

Email (String)
Name (String)
Phone (String)
Comments (Text)

अगला, आपको बनाई गई व्यावसायिक प्रक्रिया पर वापस जाने और अनुरोध की संरचना के बारे में प्राप्त जानकारी को ध्यान में रखते हुए इसे बदलने की आवश्यकता है।

भरे जाने वाले तालिका से फ़ील्ड के नाम इनपुट पैरामीटर के रूप में उपयोग किए जाएंगे। उनसे प्राप्त डेटा का उपयोग एक मॉडल ( Make Tilda ) बनाने के लिए किया जाएगा और फिर डेटाबेस में लिखा जाएगा ( DB: Create Tilda )।

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

अब आप बनाए गए एप्लिकेशन को प्रकाशित कर सकते हैं और कार्रवाई में इसका परीक्षण कर सकते हैं। यदि आप Tilda में फॉर्म भरना और सबमिट करना दोहराते हैं, तो डेटा डेटाबेस में लिखे गए AppMaster को भेजा जाएगा, और Swagger .