Everything You Should Know About Progressive Web Apps
What is a Progressive Web App
In its core a progressive web app isn’t any different from a normal website – it’s made of HTML, CSS and JavaScript, and lives in the browser. What separates PWAs from regular websites is a list of 10 key concepts that need to be fulfilled. Here they are, taken directly from the Google Developers website.
- Safe – Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with.
- Progressive – Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet.
- Responsive – Fit any form factor: desktop, mobile, tablet, or whatever is next.
- Connectivity-independent – Enhanced with service workers to work offline or on low quality networks.
- App-like – Feel like an app to the user with app-style interactions and navigation because they’re built on the app shell model.
- Fresh – Always up-to-date thanks to the service worker update process.
- Discoverable – Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.
- Re-engageable – Make re-engagement easy through features like push notifications.
- Installable – Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
- Linkable – Easily share via URL and not require complex installation.
What a Progressive Web App is NOT
The concept of PWAs shouldn’t be confused with:
- Cordova based hybrid apps
- React Native
- NativeScript
- Electron and NW.js
PWA는 설치가 필요하지 않으며 Google Play 또는 iTunes App Store에서 사용할 수 없습니다. PWA를 다운로드하려면 웹 사이트를 방문한 다음 홈 화면에 바로 가기로 저장해야합니다. 별도의 iOS 및 Android 버전을 개발하고 유지 관리하는 것은 더 이상 문제가되지 않지만 브라우저 지원을 고려해야합니다.
'프로그래밍 > App' 카테고리의 다른 글
Hybrid app 하이브리드 앱 (0) | 2017.04.03 |
---|---|
[APP] Cordova 개발 환경 구축 (0) | 2017.03.22 |
IFTTT - https://ifttt.com/ (0) | 2017.03.02 |
tensorflow - Docker Toolbox로 윈도우에 설치하기. (0) | 2017.02.16 |
tensorflow - 윈도우에서 사용하기 (0) | 2017.02.16 |