Publicado originalmente en Substack: https://andresalvareziglesias.substack.com/p/pwa-and-django-1-what-is-a-web-application?r=1ymfiv

Las aplicaciones web actuales son mucho más que páginas web que muestran información interactiva. A veces se comportan casi como aplicaciones nativas. ¿Y qué tipo de magia usan para hacer eso? Esta serie de publicaciones responderá esa pregunta...

¿Qué es una aplicación web progresiva?

Me gusta la definición de PWA en el sitio para desarrolladores de Mozilla (https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps):

Una aplicación web progresiva (PWA) es una aplicación creada utilizando tecnologías de plataforma web, pero que proporciona una experiencia de usuario similar a la de una aplicación específica de una plataforma. Al igual que un sitio web, una PWA puede ejecutarse en múltiples plataformas y dispositivos desde una única base de código. Al igual que una aplicación específica de una plataforma, se puede instalar en el dispositivo, puede funcionar sin conexión y en segundo plano, y puede integrarse con el dispositivo y con otras aplicaciones instaladas.

Es un híbrido entre una aplicación nativa y una página web, gracias a las increíbles capacidades de los navegadores web actuales, como:

• Base de datos integrada
• Trabajadores sin conexión
• Integración del sistema operativo móvil y de escritorio
• Etc.

En esta serie de publicaciones, desarrollaremos una aplicación web progresiva instalable y sin conexión utilizando nuestro querido Django, con la ayuda de Google Project IDX.

Crear el entorno de demostración

Crear un repositorio de github:

Crea una nueva aplicación en IDX importando ese repositorio:

Inicializa la aplicación Django desde la consola 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

Realice la migración inicial y ejecute el servidor:

python manage.py migrate
python manage.py runserver

Cree archivos IDX para habilitar la vista previa integrada, con la ayuda del proyecto https://github.com/arifnd/nix-idx/, que compila varias configuraciones 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: edite el dev.nix y el devserver.sh predeterminados según sea necesario y reinicie el entorno IDX

Luego, crea la aplicación de demostración:

python manage.py startapp demo

Agregar una vista vacía:

from django.shortcuts import render

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

Crear las rutas a la nueva aplicación:

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

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

¡Y espera unos días hasta el próximo capítulo!

Sobre la lista

Entre las publicaciones de Python y Docker, también escribiré sobre otros temas relacionados, como:

• Arquitectura de software
• Entornos de programación
• Sistema operativo Linux
• Etc.

Si encontraste alguna tecnología, lenguaje de programación o lo que sea interesante, ¡házmelo saber! ¡Siempre estoy abierto a aprender algo nuevo!

Sobre el autor

Soy Andrés, un desarrollador de software full-stack con sede en Palma, en un viaje personal para mejorar mis habilidades de codificación. También soy un escritor de fantasía autoeditado con cuatro novelas publicadas a mi nombre. ¡No dudes en preguntarme cualquier cosa!