PWA dan Django #Apakah itu Aplikasi Web Progresif?

Asal diterbitkan pada Substack: https://andresalvareziglesias.substack.com/p/pwa-and-django-1-what-is-a-web-application?r=1ymfiv

Aplikasi web semasa adalah lebih daripada halaman web yang menunjukkan maklumat interaktif. Kadangkala, mereka berkelakuan hampir seperti apl asli. Dan apakah jenis sihir yang mereka gunakan untuk melakukan itu? Siri siaran ini akan menjawab soalan itu...

Apakah itu Aplikasi Web Progresif

Saya suka definisi PWA di tapak Pembangun Mozilla (https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps):

Apl web progresif (PWA) ialah apl yang dibina menggunakan teknologi platform web, tetapi memberikan pengalaman pengguna seperti apl khusus platform. Seperti tapak web, PWA boleh berjalan pada berbilang platform dan peranti daripada satu pangkalan kod. Seperti apl khusus platform, ia boleh dipasang pada peranti, boleh beroperasi semasa di luar talian dan di latar belakang serta boleh disepadukan dengan peranti dan dengan apl lain yang dipasang.

Ia adalah gabungan antara apl asli dan halaman web, terima kasih kepada kapasiti luar biasa pelayar web masa kini, seperti:

• Pangkalan data terbenam
• Pekerja luar talian
• Penyepaduan sistem pengendalian desktop dan mudah alih
• Dll.

Dalam siri siaran ini, kami akan membangunkan Aplikasi Web Progresif luar talian dan boleh dipasang menggunakan Django kesayangan kami, dengan bantuan Google Project IDX.

Cipta persekitaran demo

Buat repo github:

Buat apl baharu dalam IDX mengimport repo itu:

Mulakan apl Django daripada konsol 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

Lakukan penghijrahan awal dan jalankan pelayan:

python manage.py migrate
python manage.py runserver

Buat fail IDX untuk mendayakan pratonton terbenam, dengan bantuan projek https://github.com/arifnd/nix-idx/, yang menyusun beberapa konfigurasi 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

NOTA: Edit dev.nix lalai dan devserver.sh mengikut keperluan dan mulakan semula persekitaran IDX

Kemudian, buat apl demo:

python manage.py startapp demo

Tambahkan paparan kosong:

from django.shortcuts import render

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

Buat laluan ke apl baharu:

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

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

Dan tunggu beberapa hari sehingga bab seterusnya!

Mengenai senarai

Di antara siaran Python dan Docker, saya juga akan menulis tentang topik lain yang berkaitan, seperti:

• Seni bina perisian
• Persekitaran pengaturcaraan
• Sistem pengendalian Linux
• Dll.

Jika anda menemui beberapa teknologi yang menarik, bahasa pengaturcaraan atau apa sahaja, sila beritahu saya! Saya sentiasa terbuka untuk mempelajari sesuatu yang baharu!

Mengenai penulis

Saya Andrés, pembangun perisian tindanan penuh yang berpangkalan di Palma, dalam perjalanan peribadi untuk meningkatkan kemahiran pengekodan saya. Saya juga seorang penulis fantasi yang diterbitkan sendiri dengan empat novel terbitan atas nama saya. Sila tanya saya apa-apa sahaja!

Atas ialah kandungan terperinci PWA dan Django #Apakah itu Aplikasi Web Progresif?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!