Django Meets Flutter: دمج الواجهة الخلفية والواجهة الأمامية لتطوير التطبيقات بدون مجهود

في عالم اليوم ، تعد تطبيقات الأجهزة المحمولة ضرورة لكل عمل تجاري. Flutter و Django هما إطاران شائعان يستخدمان لتطوير التطبيقات. Flutter عبارة عن مجموعة أدوات مفتوحة المصدر لواجهة المستخدم لإنشاء تطبيقات جميلة ومجمعة محليًا للجوال والويب وسطح المكتب من قاعدة كود واحدة.

يعد Django إطار عمل ويب Python عالي المستوى يتيح التطوير السريع لمواقع الويب وتطبيقات الويب الآمنة والقابلة للصيانة.

استكشاف أهمية Django و Flutter في تطوير التطبيقات

يعتمد Django على النموذج المعماري للتحكم في عرض النماذج (MVC) ويتبع مبدأ "لا تكرر نفسك" (DRY) ، والذي يضمن إمكانية إعادة استخدام الكود ويقلل من التكرار.

يمكنك استخدام Flutter 3.7 ، صدر في فبراير 2023 ، لإنشاء تطبيقات جميلة مجمعة محليًا للجوال والويب وسطح المكتب من قاعدة شفرة واحدة. يستخدم Flutter لغة برمجة Dart ، وهي لغة سريعة وحديثة ومُحسَّنة لتطوير الأجهزة المحمولة.

يمكن أن يؤدي الجمع بين الميزات القوية لـ Django و Flutter في تطوير التطبيق إلى الكفاءة عمليات التطوير ، وتقليل التكرار ، وتجربة المستخدم المثلى بسبب التكميلية لأطر العمل نقاط القوة.

حدود دمج Django مع Flutter

قد تتضمن قيود دمج Django و Flutter مشكلات التوافق ، وزيادة التعقيد في التطوير ، ومنحنى تعليمي محتمل للمطورين غير المعتادين على كلا الإطارين.

على الرغم من أن Django و Flutter لديهما مجتمع كبير ونشط ، إلا أن التكامل بينهما لا يزال في مراحله الأولى ، لذلك قد يواجه المطورون تحديات في إيجاد حلول لمشاكل معينة.

كيفية دمج Django مع Flutter

يرشدك القسم الأول إلى إعداد مشروع Django الخاص بك والثاني في إعداد الرفرفة.

1. قم بإعداد مشروع Django الخاص بك

أنت تستطيع بناء واجهة برمجة تطبيقات REST باستخدام إطار عمل Django REST. ابدأ بإنشاء بيئة افتراضية وتثبيت Django:

نقطة تثبيت django

ثم قم بتثبيت إطار عمل Django REST ، وهو مجموعة أدوات قوية ومرنة لبناء واجهات برمجة التطبيقات:

نقطة تثبيت إطار django-rest-framework

يجب أن ينتج برنامج النقطة مخرجات تخبرك أن التثبيت قد تم بنجاح:

الانتهاء من خلال إنشاء مشروع جديد باستخدام واجهة سطر أوامر Django (CLI):

بدء مشروع django-admin myproject

2. قم بإنشاء تطبيق Django

ابدأ بإنشاء تطبيق جديد داخل مشروعك ، باستخدام Django CLI:

django-admin startapp api

بعد ذلك ، حدد نماذج Django في ملف نماذج ملف لتمثيل البيانات في تطبيقك. ثم قم بترحيل نماذجك إلى قاعدة البيانات باستخدام الأمر التالي:

python manager.py makemigrations
python manager.py يهاجر

استمر بإنشاء مناظر Django في views.py للتعامل مع طلبات واستجابات HTTP. تأكد من إضافة ما يلي في بيانات الاستيراد الخاصة بك:

من rest_framework.decorators يستورد api_view، أذونات_الفصول

هذا إذا كنت تستخدم طرق عرض الوظيفة وليس عروض الفصل. لمشاهدة الفصول الدراسية:

من المشاهدات يستورد أبيفيو

لتحويل أنواع البيانات المعقدة إلى JSON أو XML ، يمكنك تحديد المتسلسلات في Django. إنها تسلسل البيانات بتنسيق يمكنك نقله بسهولة بين الأنظمة المختلفة. بدلاً من ذلك ، يمكنك استخدام ملف JsonResponse طريقة في تعليمة الإرجاع لتوليد استجابة JSON مباشرة.

من django.http يستورد JsonResponse

ثم استخدمه في طريقة عرض كما هو موضح أدناه.

api_view (['GET'])
permission_classes ((أذونات. AllowAny ،))
defgetRoutes(طلب):
 المسارات = [{
"نقطة النهاية": '/ homeapi /',
'طريقة': 'يحصل',
'جسم': {'جسم': ""},
'وصف': "إرجاع إملاء من البيانات"
 }]
 عرض = APIView () 
 view.queryset = المسارات 
يعود JsonResponse (المسارات ، آمنة =خطأ شنيع، الحالة =200)

حدد أنماط عنوان url الخاصة بك بتنسيق urls.py:

من django.urls يستورد طريق
من. يستورد الآراء
أنماط عنوان url = [
 طريق("homeapigetroutes /"، views.getRoutes) ،
 طريق("homeapi /"، views.home_page)،
 طريق("homeapi / تسجيل الدخول /"، views.login_page)،
 طريق("homeapi / csrf /"، views.getcsrftoken) ،
 طريق("homeapi / submitform /"، views.submit_form)،
]

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

3. قم بإنشاء مشروع Flutter

يعد Flutter CLI سهل الاستخدام ويوفر مجموعة واسعة من الأوامر لإدارة المشروع بكفاءة.

تثبيت Flutter إذا لم يكن مثبتًا لديك بالفعل. لإنشاء مشروع جديد ، قم بتشغيل هذا الأمر الطرفي:

رفرفة إنشاء my_project

أضف التبعيات لحزمة مدير ملفات تعريف الارتباط dio و dio إلى ملف pubspec.yaml ملف:

ديو:^ 5.0.0dio_cookie_manager:^2.0.0

Dio عبارة عن حزمة توفر عميل HTTP لإجراء طلبات واجهة برمجة التطبيقات. dio_cookie_manager عبارة عن حزمة إضافية تعمل مع dio لإدارة ملفات تعريف الارتباط لتلك الطلبات.

يخترع api.dart ملف لتعيين متغيرات لنقاط نهاية بقية Django.

مقدار ثابت loginUrl = ' https://test.pythonanywhere.com/api/homeapi/login/';
مقدار ثابت csrfurl = ' https://test.pythonanywhere.com/api/homeapi/csrf/';
مقدار ثابت dataUrl = ' https://test.pythonanywhere.com/api/homeapi/';
مقدار ثابت noteUrl = ' https://test.pythonanywhere.com/api/homeapi/submitform/';

يمكنك بعد ذلك استخدام نقاط النهاية الخاصة بك عن طريق تنفيذ طلبات POST أو GET أو PUT أو DELETE ، حسب احتياجاتك. تأكد من استيراد ملف api.dart الخاص بك.

على سبيل المثال ، إذا كنت تريد الحصول على بيانات من نقطة نهاية تسمى dataUrl:

فار استجابة = انتظر dio.get (dataUrl) ؛

لعرض البيانات في تطبيق Flutter الخاص بك ، يمكنك استخدام عناصر واجهة المستخدم ولفها بملحق مستقبل يسترد البيانات من نقطة النهاية. أ listtile عنصر واجهة المستخدم هو أحد الخيارات التي يمكنك وضعها في الاعتبار لعرض البيانات. قم بتشغيل تطبيق flutter في وضع التصحيح عن طريق تشغيل الأمر التالي من الدليل الذي يقع فيه مشروعك.

ركض رفرفة

سيخبرك Flutter أنه بدأ في وضع التصحيح:

يمكنك بعد ذلك مراقبة الطلبات المقدمة لواجهة برمجة التطبيقات في سجلات خادم Django.

مستقبل تكامل Django و Flutter في تطوير التطبيقات

يوفر دمج Django و Flutter العديد من الفوائد لتطوير التطبيقات ، بما في ذلك التطوير الأسرع ، وإعادة استخدام الكود ، والأداء الأفضل ، وتجربة المستخدم المحسنة.

مع استمرار تطور التكامل بين Django و Flutter ، يمكننا أن نتوقع رؤية المزيد من التقدم الميزات ودعم أفضل للمجتمع ، مما يسهل على المطورين إنشاء هاتف محمول عالي الجودة تطبيقات.