pwa examples

PWA 예

프로그레시브 웹 앱의 예.

이 저장소에는 현재 다음이 있습니다.

• CycleTracker: 생리 주기를 추적하는 기본 앱입니다. 앱의 HTML에는 생리 주기 시작 및 종료 날짜를 추가하는 양식이 포함되어 있습니다. JavaScript 앱 기능은 날짜를 정렬하고 이를 로컬 저장소에 저장합니다. 또한 양식 아래 로컬 저장소에서 검색된 날짜를 표시합니다. 앱에는 세 가지 아이콘, 색 구성표 등이 포함된 매니페스트 파일이 포함되어 있습니다. 앱에는 자산 캐싱을 처리하는 서비스 워커도 포함되어 있습니다.

• a2hs: 홈 화면에 추가(A2HS)가 작동하는 방식을 보여주기 위해 설정한 예입니다. 여기에서 실시간으로 확인하세요. 여기에는 앱을 홈 화면에 추가할 수 있는 아이콘과 매니페스트 파일, 사이트를 오프라인으로 작동시키기 위한 간단한 서비스 워커가 포함됩니다.

• js13kpwa: js13kGames 2017 대회에 제출된 A-Frame 항목 목록으로, 프로그레시브 웹 앱에 대한 MDN 기사의 예로 사용됩니다. js13kPWA는 App Shell 구조를 가지고 있으며 Service Worker와 오프라인으로 작동하고 매니페스트 파일과 홈 화면에 추가 기능 덕분에 설치가 가능하며 알림 및 푸시를 사용하여 다시 참여할 수 있습니다. 여기에서 실시간으로 확인하세요.