PWA と Django #プログレッシブ Web アプリケーションとは何ですか?

元々は Substack で公開されました: https://andresalvareziglesias.substack.com/p/pwa-and-django-1-what-is-a-web-application?r=1ymfiv

現在の Web アプリケーションは、インタラクティブな情報を表示する Web ページをはるかに超えています。場合によっては、ネイティブ アプリとほぼ同じように動作することがあります。そして、彼らはそれを行うためにどのような魔法を使用しますか？この一連の投稿はその質問に答えます...

プログレッシブ Web アプリケーションとは

Mozilla 開発者サイト (https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps) の PWA の定義が気に入っています。

プログレッシブ ウェブ アプリ (PWA) は、ウェブ プラットフォーム テクノロジを使用して構築されたアプリですが、プラットフォーム固有のアプリのようなユーザー エクスペリエンスを提供します。 Web サイトと同様に、PWA は単一のコードベースから複数のプラットフォームおよびデバイス上で実行できます。プラットフォーム固有のアプリと同様に、デバイスにインストールでき、オフラインでもバックグラウンドでも動作でき、デバイスやインストールされている他のアプリと統合できます。

これは、今日の Web ブラウザーの驚異的な能力のおかげで、次のようなネイティブ アプリと Web ページのハイブリッドです。

• 組み込みデータベース
• オフラインワーカー
• デスクトップとモバイルのオペレーティング システムの統合
• など

この一連の投稿では、Google Project IDX の助けを借りて、お気に入りの Django を使用して、オフラインでインストール可能なプログレッシブ Web アプリケーションを開発します。

デモ環境を作成する

github リポジトリを作成します:

そのリポジトリをインポートして IDX で新しいアプリを作成します:

IDX コンソールから Django アプリを初期化します。

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 オペレーティング システム
• など

何か興味深いテクノロジー、プログラミング言語などを見つけたら、ぜひ知らせてください。私はいつでも新しいことを学ぶことにオープンです!

著者について

私はアンドレスです。パルマに拠点を置くフルスタック ソフトウェア開発者で、コーディング スキルを向上させるために個人的な旅を続けています。私は自費出版のファンタジー作家でもあり、自分の名前で 4 冊の小説を出版しています。何でもお気軽に聞いてください！

以上がPWA と Django #プログレッシブ Web アプリケーションとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。