static pwa boilerplate

최신 정적 프로그레시브 웹 앱을위한 기본 HTML 템플릿

GitHub 페이지로 쉽게 배포 할 수있는 매니페스트 및 ServiceWorker가있는 정적 프로그레시브 웹 앱을 만들 준비가되었습니다.

포함 :

• 썸네일 이미지
• 골격 CSS + 정상화
• 웹 앱이 나타납니다
• 기본 서비스 작업자 + 등록 동반자
• 초기 웹 푸시 알림 지원 (외부 서버가 필요합니다)

데모 : https://gallaoro.github.io/static_pwa_boilerplate/ 또는이 저장소의 GH-PAGES 지점을 방문하십시오.

설치

• git sudo apt-get install git 설치하십시오
• 레포를 복제하십시오 : git clone https://github.com/lellefood/static_pwa_boilerplate.git
• 이름 변경 디렉토리 : mv static_pwa_boilerplate <new_project_name>
• 디렉토리 변경 : cd <new_project_name>
• 정보와 함께 manifest.json 을 수정하십시오
• 웹 사이트 작성을 시작하십시오

개발

프로젝트 폴더 강관

 root
├── css
│   └── skeleton.css
│   └── normalize.css
│   └── index.css
│
├── js
│   └── index.js
│
├── img
│   └── thumb
│       └── 64.png
│       └── 144.png
│       └── 192.png
│       └── 512.png
│       └── 1366x768.png
│
├── index.html
├── manifest.json
├── README.md
└── serviceworker.js

FAQ

• 새 페이지를 추가하려면 어떻게해야합니까? 프로젝트의 루트에 새 파일 <new_page_name>.html 을 추가하십시오.
  /<new_page_name>.html 로 링크합니다

• 웹 푸시 알림을 추가하려면 어떻게해야합니까? PushSubscription을 얻기위한 초기 코드는 이미 index.js 스크립트에 나와 있습니다.이 자습서를 따라 웹 푸시 작동 방식을 알고 있습니다.

배포

GitHub 페이지 웹 사이트의 간단한 지침을 따르면 PWA를 무료로 배포하는 방법을 알고 있습니다.