PWA와 Django #프로그레시브 웹 애플리케이션이란 무엇인가요?

王林
풀어 주다: 2024-09-10 14:31:09
원래의
819명이 탐색했습니다.

원래 Substack에 게시됨: https://andresalvareziglesias.substack.com/p/pwa-and-django-1-what-is-a-web-application?r=1ymfiv

현재 웹 애플리케이션은 대화형 정보를 표시하는 웹페이지 그 이상입니다. 때로는 거의 기본 앱처럼 작동합니다. 그리고 그들은 그렇게 하기 위해 어떤 종류의 마법을 사용합니까? 이 게시물 시리즈가 그 질문에 답해 줄 것입니다...

PWA and Django #What is a Progressive Web Application?

프로그레시브 웹 애플리케이션이란?

저는 Mozilla 개발자 사이트(https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps)의 PWA 정의를 좋아합니다.

프로그레시브 웹 앱(PWA)은 웹 플랫폼 기술을 사용하여 구축되었지만 플랫폼별 앱과 같은 사용자 경험을 제공하는 앱입니다. 웹사이트와 마찬가지로 PWA는 단일 코드베이스를 통해 여러 플랫폼과 장치에서 실행될 수 있습니다. 플랫폼별 앱과 마찬가지로 기기에 설치할 수 있고 오프라인 및 백그라운드에서 작동할 수 있으며 기기 및 설치된 다른 앱과 통합할 수 있습니다.

다음과 같은 요즘 웹 브라우저의 놀라운 기능 덕분에 기본 앱과 웹페이지의 하이브리드입니다.

  • 내장형 데이터베이스
  • 오프라인 근무자
  • 데스크탑과 모바일 운영체제 통합
  • 기타

이 게시물 시리즈에서는 Google Project IDX의 도움으로 사랑하는 Django를 사용하여 오프라인 및 설치 가능한 프로그레시브 웹 애플리케이션을 개발할 것입니다.

데모 환경 만들기

github 저장소 만들기:

PWA and Django #What is a Progressive Web Application?

IDX에서 해당 저장소를 가져오는 새 앱을 만듭니다.

PWA and Django #What is a Progressive Web Application?

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),
]
로그인 후 복사

그리고 다음 장까지 며칠만 기다려주세요!

PWA and Django #What is a Progressive Web Application?

목록에 대해

Python 및 Docker 게시물 중에서 다음과 같은 다른 관련 주제에 대해서도 쓸 것입니다.

  • 소프트웨어 아키텍처
  • 프로그래밍 환경
  • 리눅스 운영체제
  • 기타

흥미로운 기술, 프로그래밍 언어 등을 발견했다면 알려주세요! 저는 항상 새로운 것을 배우는 데 열려있습니다!

저자 소개

저는 팔마에 거주하는 풀스택 소프트웨어 개발자인 Andrés입니다. 코딩 기술을 향상시키기 위한 개인적인 여정을 떠나고 있습니다. 나는 또한 내 이름으로 네 권의 소설을 출판한 자가 출판 판타지 작가이기도 합니다. 무엇이든 물어보세요!

위 내용은 PWA와 Django #프로그레시브 웹 애플리케이션이란 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!