Maison > développement back-end > Tutoriel Python > PWA et Django #Qu'est-ce qu'une application Web progressive ?

PWA et Django #Qu'est-ce qu'une application Web progressive ?

王林
Libérer: 2024-09-10 14:31:09
original
839 Les gens l'ont consulté

Publié à l'origine sur Substack : https://andresalvareziglesias.substack.com/p/pwa-and-django-1-what-is-a-web-application?r=1ymfiv

Les applications Web actuelles sont bien plus que des pages Web affichant des informations interactives. Parfois, elles se comportent presque comme des applications natives. Et quel genre de magie utilisent-ils pour faire ça ? Cette série d'articles répondra à cette question...

PWA and Django #What is a Progressive Web Application?

Qu'est-ce qu'une application Web progressive

J'aime la définition des PWA sur le site Mozilla Developer (https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps) :

Une application Web progressive (PWA) est une application construite à l'aide des technologies de plate-forme Web, mais qui offre une expérience utilisateur similaire à celle d'une application spécifique à une plate-forme. Comme un site Web, une PWA peut s’exécuter sur plusieurs plates-formes et appareils à partir d’une seule base de code. Comme une application spécifique à une plate-forme, elle peut être installée sur l'appareil, peut fonctionner hors ligne et en arrière-plan, et peut s'intégrer à l'appareil et à d'autres applications installées.

C'est un hybride entre une application native et une page web, grâce aux incroyables capacités des navigateurs web d'aujourd'hui, comme :

  • Base de données embarquée
  • Travailleurs hors ligne
  • Intégration du système d'exploitation de bureau et mobile
  • Etc.

Dans cette série d'articles, nous développerons une application Web progressive hors ligne et installable en utilisant notre bien-aimé Django, avec l'aide du projet Google IDX.

Créer l'environnement de démonstration

Créez un dépôt github :

PWA and Django #What is a Progressive Web Application?

Créez une nouvelle application dans IDX en important ce dépôt :

PWA and Django #What is a Progressive Web Application?

Initialisez l'application Django depuis la console 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
Copier après la connexion

Effectuez la migration initiale et exécutez le serveur :

python manage.py migrate
python manage.py runserver
Copier après la connexion

Créez des fichiers IDX pour activer l'aperçu intégré, avec l'aide du projet https://github.com/arifnd/nix-idx/, qui compile plusieurs configurations 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
Copier après la connexion

REMARQUE : modifiez les fichiers dev.nix et devserver.sh par défaut selon vos besoins et redémarrez l'environnement IDX

Ensuite, créez une application de démonstration :

python manage.py startapp demo
Copier après la connexion

Ajouter une vue vide :

from django.shortcuts import render

def index(request):
    context = {}
    return render(request, "index.html", context)
Copier après la connexion

Créez les itinéraires vers la nouvelle application :

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

urlpatterns = [
    path("", include("demo.urls")),
    path('admin/', admin.site.urls),
]
Copier après la connexion

Et attendez quelques jours jusqu'au prochain chapitre !

PWA and Django #What is a Progressive Web Application?

À propos de la liste

Parmi les articles Python et Docker, j'écrirai également sur d'autres sujets connexes, comme :

  • Architecture logicielle
  • Environnements de programmation
  • Système d'exploitation Linux
  • Etc.

Si vous avez trouvé une technologie, un langage de programmation ou autre intéressant, n'hésitez pas à me le faire savoir ! Je suis toujours ouvert à apprendre quelque chose de nouveau !

À propos de l'auteur

Je m'appelle Andrés, un développeur de logiciels full-stack basé à Palma, en quête personnelle d'amélioration de mes compétences en codage. Je suis également un écrivain fantastique auto-publié avec quatre romans publiés à mon actif. N'hésitez pas à me demander n'importe quoi !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal