원래 Substack에 게시됨: https://andresalvareziglesias.substack.com/p/pwa-and-django-1-what-is-a-web-application?r=1ymfiv
현재 웹 애플리케이션은 대화형 정보를 표시하는 웹페이지 그 이상입니다. 때로는 거의 기본 앱처럼 작동합니다. 그리고 그들은 그렇게 하기 위해 어떤 종류의 마법을 사용합니까? 이 게시물 시리즈가 그 질문에 답해 줄 것입니다...
저는 Mozilla 개발자 사이트(https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps)의 PWA 정의를 좋아합니다.
프로그레시브 웹 앱(PWA)은 웹 플랫폼 기술을 사용하여 구축되었지만 플랫폼별 앱과 같은 사용자 경험을 제공하는 앱입니다. 웹사이트와 마찬가지로 PWA는 단일 코드베이스를 통해 여러 플랫폼과 장치에서 실행될 수 있습니다. 플랫폼별 앱과 마찬가지로 기기에 설치할 수 있고 오프라인 및 백그라운드에서 작동할 수 있으며 기기 및 설치된 다른 앱과 통합할 수 있습니다.
다음과 같은 요즘 웹 브라우저의 놀라운 기능 덕분에 기본 앱과 웹페이지의 하이브리드입니다.
이 게시물 시리즈에서는 Google Project IDX의 도움으로 사랑하는 Django를 사용하여 오프라인 및 설치 가능한 프로그레시브 웹 애플리케이션을 개발할 것입니다.
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 게시물 중에서 다음과 같은 다른 관련 주제에 대해서도 쓸 것입니다.
흥미로운 기술, 프로그래밍 언어 등을 발견했다면 알려주세요! 저는 항상 새로운 것을 배우는 데 열려있습니다!
저는 팔마에 거주하는 풀스택 소프트웨어 개발자인 Andrés입니다. 코딩 기술을 향상시키기 위한 개인적인 여정을 떠나고 있습니다. 나는 또한 내 이름으로 네 권의 소설을 출판한 자가 출판 판타지 작가이기도 합니다. 무엇이든 물어보세요!
위 내용은 PWA와 Django #프로그레시브 웹 애플리케이션이란 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!