Первоначально опубликовано на Substack: https://andresalvareziglesias.substack.com/p/pwa-and-django-1-what-is-a-web-application?r=1ymfiv

Существующие веб-приложения — это нечто большее, чем просто веб-страницы, на которых отображается интерактивная информация. Иногда они ведут себя почти как нативные приложения. И какую магию они для этого используют? Эта серия постов ответит на этот вопрос...

Что такое прогрессивное веб-приложение

Мне нравится определение PWA на сайте разработчиков Mozilla (https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps):

Прогрессивное веб-приложение (PWA) — это приложение, созданное с использованием технологий веб-платформы, но обеспечивающее взаимодействие с пользователем так же, как и приложение для конкретной платформы. Как и веб-сайт, PWA может работать на нескольких платформах и устройствах из одной кодовой базы. Как и приложение для конкретной платформы, его можно установить на устройство, работать в автономном режиме и в фоновом режиме, а также интегрировать с устройством и другими установленными приложениями.

Это гибрид нативного приложения и веб-страницы благодаря невероятным возможностям современных веб-браузеров, таких как:

• Встроенная база данных
• Офлайн-работники
• Интеграция настольных и мобильных операционных систем
• И т. д.

В этой серии статей мы разработаем автономное и устанавливаемое прогрессивное веб-приложение с использованием нашего любимого Django и Google Project IDX.

Создайте демонстрационную среду

Создайте репозиторий на GitHub:

Создайте новое приложение в IDX, импортировав этот репозиторий:

Инициализируйте приложение Django из консоли 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

Выполните первоначальную миграцию и запустите сервер:

python manage.py migrate
python manage.py runserver

Создайте файлы IDX для включения встроенного предварительного просмотра с помощью проекта https://github.com/arifnd/nix-idx/, который компилирует несколько конфигураций 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

ПРИМЕЧАНИЕ. При необходимости отредактируйте файлы dev.nix и devserver.sh по умолчанию и перезапустите среду IDX.

Затем создайте демо-приложение:

python manage.py startapp demo

Добавить пустое представление:

from django.shortcuts import render

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

Создайте маршруты к новому приложению:

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

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

И подождите несколько дней до следующей главы!

О списке

Среди постов о Python и Docker я также буду писать о других связанных темах, например:

• Архитектура программного обеспечения
• Среды программирования
• Операционная система Linux
• И т. д.

Если вы нашли какую-то интересную технологию, язык программирования или что-то еще, пожалуйста, дайте мне знать! Я всегда открыт для изучения чего-то нового!

Об авторе

Я Андрес, разработчик полного цикла программного обеспечения из Пальмы, который хочет улучшить свои навыки программирования. Я также являюсь автором фэнтези, издающим самостоятельно, на моем счету четыре опубликованных романа. Не стесняйтесь спрашивать меня о чем угодно!