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...

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 conçue à 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 actuels, comme :

• Base de données intégrée
• Travailleurs hors ligne
• Intégration des systèmes d'exploitation de bureau et mobiles
• 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 :

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

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

Effectuez la migration initiale et exécutez le serveur :

python manage.py migrate
python manage.py runserver

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

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

Ajouter une vue vide :

from django.shortcuts import render

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

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),
]

Et attendez quelques jours jusqu'au prochain chapitre !

À 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 !