تم نشره في الأصل على Substack: https://andresalvareziglesias.substack.com/p/pwa-and-django-1-what-is-a-web-application?r=1ymfiv

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

ما هو تطبيق الويب التقدمي

يعجبني تعريف PWA في موقع مطور Mozilla (https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps):

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

إنه مزيج بين تطبيق أصلي وصفحة ويب، وذلك بفضل القدرات المذهلة لمتصفحات الويب الحالية، مثل:

• قاعدة البيانات المضمنة
• العاملون دون اتصال
• تكامل نظام تشغيل سطح المكتب والهاتف المحمول
• إلخ.

في هذه السلسلة من المنشورات، سنقوم بتطوير تطبيق ويب تقدمي قابل للتثبيت وغير متصل بالإنترنت باستخدام برنامج Django المفضل لدينا، بمساعدة Google Project IDX.

إنشاء البيئة التجريبية

إنشاء مستودع جيثب:

أنشئ تطبيقًا جديدًا في IDX لاستيراد هذا الريبو:

تهيئة تطبيق Django من وحدة تحكم IDX:

python -m venv ~/.venv
source ~/.venv/bin/activate

mkdir src
cd src

echo "django" > requirements.txt
pip install --upgrade pip
pip install -r requirements.txt

django-admin startproject djangopwa

قم بالترحيل الأولي وقم بتشغيل الخادم:

python manage.py migrate
python manage.py runserver

قم بإنشاء ملفات IDX لتمكين المعاينة المضمنة، بمساعدة المشروع https://github.com/arifnd/nix-idx/، الذي يجمع العديد من تكوينات IDX:

cd ~/djangopwa 
wget https://raw.githubusercontent.com/arifnd/nix-idx/main/python/django/devserver.sh
cd ~/djangopwa/.idx
wget https://raw.githubusercontent.com/arifnd/nix-idx/main/python/django/dev.nix

ملاحظة: قم بتحرير dev.nix وdevserver.sh الافتراضيين حسب الحاجة وأعد تشغيل بيئة IDX

ثم قم بإنشاء تطبيق تجريبي:

python manage.py startapp demo

إضافة عرض فارغ:

from django.shortcuts import render

def index(request):
    context = {}
    return render(request, "index.html", context)

إنشاء المسارات إلى التطبيق الجديد:

from django.contrib import admin
from django.urls import include, path

urlpatterns = [
    path("", include("demo.urls")),
    path('admin/', admin.site.urls),
]

وانتظر بضعة أيام حتى الفصل التالي!

حول القائمة

من بين منشورات Python وDocker، سأكتب أيضًا عن مواضيع أخرى ذات صلة، مثل:

• هندسة البرمجيات
• بيئات البرمجة
• نظام التشغيل لينكس
• إلخ.

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

عن المؤلف

أنا أندريس، مطور برامج متكامل مقره في بالما، في رحلة شخصية لتحسين مهاراتي في البرمجة. أنا أيضًا كاتب خيالي منشور ذاتيًا، ولدي أربع روايات منشورة باسمي. لا تتردد في سؤالي عن أي شيء!