PWA und Django #Was ist eine progressive Webanwendung?

Ursprünglich veröffentlicht auf Substack: https://andresalvareziglesias.substack.com/p/pwa-and-django-1-what-is-a-web-application?r=1ymfiv

Die aktuellen Webanwendungen sind viel mehr als Webseiten, die interaktive Informationen anzeigen. Manchmal verhalten sie sich fast wie native Apps. Und welche Art von Magie nutzen sie dazu? Diese Beitragsreihe wird diese Frage beantworten...

Was ist eine progressive Webanwendung?

Mir gefällt die Definition von PWAs auf der Mozilla Developer-Website (https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps):

Eine Progressive Web App (PWA) ist eine App, die auf Webplattformtechnologien basiert, aber eine Benutzererfahrung wie eine plattformspezifische App bietet. Wie eine Website kann eine PWA auf mehreren Plattformen und Geräten mit einer einzigen Codebasis ausgeführt werden. Wie eine plattformspezifische App kann sie auf dem Gerät installiert werden, kann offline und im Hintergrund ausgeführt werden und kann in das Gerät und in andere installierte Apps integriert werden.

Es ist eine Mischung aus einer nativen App und einer Webseite, dank der unglaublichen Kapazitäten der heutigen Webbrowser, wie zum Beispiel:

• Eingebettete Datenbank
• Offline-Mitarbeiter
• Desktop- und mobile Betriebssystemintegration
• usw.

In dieser Beitragsreihe werden wir mithilfe unseres geliebten Django und mithilfe von Google Project IDX eine offline und installierbare progressive Webanwendung entwickeln.

Erstellen Sie die Demoumgebung

Erstellen Sie ein Github-Repo:

Erstellen Sie eine neue App in IDX und importieren Sie dieses Repo:

Initialisieren Sie die Django-App über die IDX-Konsole:

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

Führen Sie die erste Migration durch und führen Sie den Server aus:

python manage.py migrate
python manage.py runserver

Erstellen Sie IDX-Dateien, um die eingebettete Vorschau zu ermöglichen, mit Hilfe des Projekts https://github.com/arifnd/nix-idx/, das mehrere IDX-Konfigurationen kompiliert:

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

HINWEIS: Bearbeiten Sie die Standardeinstellungen dev.nix und devserver.sh nach Bedarf und starten Sie die IDX-Umgebung neu

Dann erstellen Sie eine Demo-App:

python manage.py startapp demo

Eine leere Ansicht hinzufügen:

from django.shortcuts import render

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

Erstellen Sie die Routen zur neuen App:

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

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

Und warte ein paar Tage bis zum nächsten Kapitel!

Über die Liste

Neben den Python- und Docker-Beiträgen werde ich auch über andere verwandte Themen schreiben, wie zum Beispiel:

• Softwarearchitektur
• Programmierumgebungen
• Linux-Betriebssystem
• usw.

Wenn Sie eine interessante Technologie, Programmiersprache oder was auch immer gefunden haben, lassen Sie es mich bitte wissen! Ich bin immer offen dafür, etwas Neues zu lernen!

Über den Autor

Ich bin Andrés, ein Full-Stack-Softwareentwickler mit Sitz in Palma, auf einer persönlichen Reise, um meine Programmierfähigkeiten zu verbessern. Ich bin auch ein selbstveröffentlichter Fantasy-Autor mit vier veröffentlichten Romanen. Fühlen Sie sich frei, mich alles zu fragen!

Das obige ist der detaillierte Inhalt vonPWA und Django #Was ist eine progressive Webanwendung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!