Tencent Cloud WeDa (WeDa) بداية منخفضة الكود: صفر قاعدة اليد يعلمك تطوير برنامج WeChat

هل ترغب في تطوير برنامج صغير بنفسك ، لكن رؤية تلك الرموز الكثيفة ، وتكوين الواجهة المعقدة ، واتصال الواجهة الأمامية والخلفية كبير ؟

في الماضي ، كان من الممكن حقًا التحديق دون معرفة البرمجة. ولكن الآن ، لدى Tencent Yun أداة على مستوى الابن-

منصة تطوير كود منخفض WeDa

. أكبر نقاط قوتها هي:

لقد فتح بشكل طبيعي بيئة WeChat الخاصة بتينسنت

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

لن نتحدث اليوم عن مفاهيم مجردة. جهز WeChat وجهاز الكمبيوتر الخاص بك وكوب من الشاي. سأأخذك من الصفر في متناول اليد ، وسحبها مباشرة وتكوين برنامج WeChat الخاص بك.

المرحلة الأولى: الدخول إلى ساحة المعركة والتعرف على واجهة micro

يفتح متصفح الكمبيوتر الموقع الرسمي لـ Tencent Cloud ، ويبحث ويدخل وحدة التحكم "WeDa منخفض الكود".

إذا كانت هذه هي المرة الأولى التي يتم استخدامها فيها ، فسيسمح النظام باختيار إصدار تجربة (عادةً ما يكون هناك حد مجاني ، وهو كافٍ تمامًا لممارسة اليد والتطوير).

انقر فوق "إدارة التطبيقات"-> "تطبيق جديد" ، واختر "تطبيق فارغ جديد" ، وامنحه اسمًا ، مثل أول برنامج صغير منخفض الكود ، وحدد "برنامج صغير" لنوع التطبيق.

انقر على التطبيق وسترى محرر مرئي مريح للغاية.

لا تخف من الأزرار الموجودة بالداخل ، فنقسمها إلى ثلاث مناطق رئيسية:

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

الوسط: قماش (شاشة الهاتف الخاص بك). هذه هي منطقة المعاينة في الوقت الفعلي. سيتم عرض الأجزاء التي تسحبها على اليسار في الوقت الفعلي على الهاتف في المنتصف.

الجانب الأيمن: لوحة الخصائص (مفك البراغي). بعد تحديد جزء في المنتصف ، يمكنك ضبط حجمه أو لونه أو هوافيه أو ربط البيانات على اليمين.

المرحلة الثانية: الأساس الأساسي-استخدام "نموذج البيانات" لبناء قاعدة بيانات سحابية

لتطوير برنامج صغير ، لا يكفي وجود واجهة جيدة المظهر ، يجب أن يكون قادرًا على تخزين البيانات. على سبيل المثال ، سنأخذك إلى "برنامج ملاحظات/جمع آراء الموظفين" اليوم ، أين يتم حفظ الآراء المقدمة من المستخدمين ؟ هذا يتطلب استخدام الحيلة الأساسية لـ micro:

نموذج البيانات

.

في micro ، لا تحتاج إلى فهم عبارات SQL ، إنشاء قاعدة بيانات بسيط مثل لعب جداول Excel.

انقر على الجانب الأيسر من المحرر للتبديل إلى علامة التبويب "نموذج البيانات" (عادةً ما يكون رمزًا يشبه الجدول الصغير).

انقر فوق "نموذج بيانات جديد" واسمه نموذج التعليقات.

انقر فوق "إضافة حقل" ، ونضيف ثلاثة أعمدة مثل Excel: الحقل 1: الاسم يسمى اسم صاحب التغذية الراجعة ، والنوع حدد "سطر واحد من النص". الحقل 2: الاسم يسمى رقم الاتصال ، والنوع يختار "رقم الهاتف" (سيساعدك النظام تلقائيًا في التحقق من التنسيق). الحقل 3: الاسم يسمى محتوى التعليقات ، والنوع يختار "نص متعدد الأسطر".

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

الدرجة الثالثة

الفقرة: السحب والربط ، توضيح واجهة التفاعل في 5 دقائق

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

1. بناء واجهة النموذج

في مخزن المكونات على اليسار ، ابحث عن تصنيف "النموذج".

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

حدد حاوية النموذج هذه وانظر إلى لوحة الخصائص على اليمين. في عمود "مصدر البيانات" ، حدد نموذج البيانات الذي قمنا ببناؤه للتو-نموذج ملاحظات الرأي.

حدثت معجزة: سيحدد microplay تلقائيًا الحقول في قاعدة البيانات الخاصة بك ، ويقوم تلقائيًا بإنشاء ثلاثة مربعات إدخال: "اسم الشخص المرتد" و "هاتف الاتصال" و "محتوى التغذية الراجعة" على شاشة الهاتف المحمول ، وحتى زر "إرسال" في الأسفل ، كل ذلك يساعدك!

2. واجهة اللون (رفض جماليات الذكور المستقيمين)

هل تعتقد أن الواجهة الافتراضية طويلة جدًا ؟

حدد الصفحة الخارجية وقم بتغيير لون الخلفية إلى اللون الرمادي الفاتح (مثل # F7F8FA) في شريط السمات الأيمن.

فوق حاوية النموذج ، اسحب مكون "صورة" من مستودع المكون الأيسر. قم بتحميل صورة لافتة Banner التي صممتها على الجانب الأيمن.

قم بسحب مكون "نص" آخر ، واجعل حجم الخط كبيرًا وسميكًا ، واكتب "مرحبًا بك في تقديم آرائك القيمة". قم بضبط الهامش (Margin/Padding) قليلاً ، وستظهر واجهة نموذج رائعة على مستوى مصنع كبير.

المرحلة الرابعة: مفتاح واحد للتعديل المشترك ، بحيث تتحرك البيانات حقًا

مع الواجهة ، كيف يمكنك السماح للمستخدم بالنقر فوق "إرسال" ، تدخل البيانات حقًا في جدول Excel الآن ؟

في الواقع ، عندما كنت تستخدم "حاوية النموذج" لربط مصدر البيانات الآن ، فقد ساعدتك micro في كتابة المنطق بشكل افتراضي. لا تصدقني ، دعونا نختبر ذلك:

اضغط على زر المعاينة في الزاوية اليمنى العليا من المحرر.

في جهاز المحاكاة المنبثق ، مثل مستخدم حقيقي ، أدخل اسمك وهاتفك واكتب فترة من القيء.

اضغط على زر "إرسال" في الأسفل ، وستطالب الصفحة "إرسال ناجح".

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

أترى هذا ؟ البيانات التي قمت بملؤها للتو في جهاز المحاكاة مستلقية بدقة في النموذج! لم تكتب أي سطر من رموز الربط الأمامية والخلفية المشابهة لـ getInstance() أو wx.request() طوال العملية.

المرحلة الخامسة: التخليص الجمركي النهائي-الإصدار عبر الإنترنت إلى WeChat

في الماضي ، لنشر برنامج صغير تم تطويره ، تحتاج إلى: تنزيل أدوات WeChat Developer ، وتصدير حزم التعليمات البرمجية ، والتحميل والمراجعة ، وتكوين أسماء النطاقات القانونية. ولكن في micro ، قامت Tencent بفتح قناتها الخاصة بالكامل ، ولا يستغرق الأمر سوى خطوتين للإصدار.

الخطوة الأولى: ربط حساب برنامج WeChat الصغير الخاص بك

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

الخطوة الثانية: نشر بنقرة واحدة

ارجع إلى محرر micross وانقر على "نشر" في الزاوية اليمنى العليا.

الاختيار

قناة الإصدار هي "برنامج WeChat الصغير" ، يتم ملء رقم الإصدار 1.0.0 ، ويتم كتابة سجل التحديث "الإصدار الأولي عبر الإنترنت".

انقر على موافق. سيقوم micro بتجميع الواجهة المرئية الخاصة بك مباشرة في السحابة إلى الكود الأصلي الأساسي لـ WeChat ، وتقديمه تلقائيًا إلى WeChat الرسمي للمراجعة.

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

الخلاصة

يكمن جوهر Tencent Cloud Weixing في تحويل هندسة البرمجيات المعقدة إلى "كتل Lego". تحتاج فقط إلى توضيح منطق العمل (ما هي البيانات التي أريد حفظها) ، ويتم تنفيذ جميع الأعمال القذرة المتبقية من قبل النظام الأساسي في الأسفل.

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