Heim > Artikel > Backend-Entwicklung > 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...
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:
In dieser Beitragsreihe werden wir mithilfe unseres geliebten Django und mithilfe von Google Project IDX eine offline und installierbare progressive Webanwendung entwickeln.
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!
Neben den Python- und Docker-Beiträgen werde ich auch über andere verwandte Themen schreiben, wie zum Beispiel:
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!
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!