في هذا البرنامج التعليمي ، سنلقي نظرة فاحصة على كيفية دمج Tilda و AppMaster . لنفترض أنه تم إنشاء نموذج معين في Tilda ، ومهمتنا هي التأكد من أن البيانات ، عند ملئها ، تأتي إلى AppMaster ، ومعالجتها هناك وتخزينها في قاعدة البيانات.

إنشاء خطاف ويب في AppMaster

ترسل Tilda البيانات إلى خدمات الجهات الخارجية عبر خطاف ويب. لذلك ، من الجدير البدء في إنشاء خطاف الويب الضروري ، وقبل كل شيء ، إعداد عملية الأعمال لتشغيلها.

ميزة هذه العملية هي أنه من غير المعروف مسبقًا ما هي البيانات الدقيقة التي سيتم الحصول عليها. سيعمل الويب هوك مع الطلبات " raw " التي يجب معالجتها بشكل صحيح. للقيام بذلك ، سوف نستخدم كتلة Get Request Body . دعونا نرى ما هي البيانات التي تأتي بشكل عام من Tilda ، ونحولها إلى String ، ونكتبها في السجل ونعرضها استجابةً للطلب.


في قسم نقاط النهاية ، لنقم على الفور بإنشاء خطاف ويب جديد. من المهم ملاحظة أن نوع الطلب يجب أن يكون Raw لأنه لا يحتوي على أي معلمات إدخال مشفرة وجاهز لقبول أي بيانات. تحتاج أيضًا إلى تعطيل Middleware Token Auth لأنه لملء نموذج في Tilda ، لا تحتاج إلى المرور عبر التفويض في AppMaster ، وإرسال البيانات مفتوح للجميع.

إعداد نموذج Tilda

الخطوة التالية هي توصيل Tilda بخطاف الويب الذي تم إنشاؤه. للقيام بذلك ، في إعدادات نماذج الموقع ، يكفي تحديد عنوان URL ، على الرغم من أنه ، إذا لزم الأمر ، يمكنك استخدام خيارات إضافية. على سبيل المثال ، للحصول على حماية إضافية ، قم أيضًا بتمرير مفتاح خاص في نص الطلب أو في العنوان.

إذا تم كل شيء بشكل صحيح ، فستظهر رسالة مقابلة لها القدرة على ربط خطاف الويب هذا على الفور بجميع النماذج على الموقع.

يبقى فقط نشر الصفحة مع النموذج واختبارها في العمل.

من خلال فتح سجلات AppMaster ، يمكنك التأكد من تلقي البيانات من النموذج بالفعل.

الرسالة: "Email = test٪ 40gmail.com & Name = John + Smith & Phone =٪ 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 .


Was this article helpful?

AppMaster.io 101 حلقة دراسية مكثفة

10 وحدات
2 أسابيع

لست متأكدا من أين تبدأ؟ ابدأ في الدورة التدريبية المكثفة للمبتدئين واستكشف AppMaster من الألف إلى الياء.

ابدأ الدورة
Development it’s so easy with AppMaster!

هل تريد المزيد من المساعدة؟

حل أي مشكلة بمساعدة خبرائنا. وفر الوقت وركز على بناء تطبيقاتك.

headphones

اتصل بالدعم

أخبرنا عن مشكلتك ، وسنجد لك حلاً.

message

دردشة المجتمع

ناقش الأسئلة مع مستخدمين آخرين في محادثتنا.

الانضمام إلى المجتمع