[APP] Everything You Should Know About Progressive Web Apps

Everything You Should Know About Progressive Web Apps

http://tutorialzine.com/2016/09/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.

1. Safe – Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with.
2. Progressive – Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet.
3. Responsive – Fit any form factor: desktop, mobile, tablet, or whatever is next.
4. Connectivity-independent – Enhanced with service workers to work offline or on low quality networks.
5. App-like – Feel like an app to the user with app-style interactions and navigation because they’re built on the app shell model.
6. Fresh – Always up-to-date thanks to the service worker update process.
7. Discoverable – Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.
8. Re-engageable – Make re-engagement easy through features like push notifications.
9. Installable – Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
10. 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

앞서 언급 한 모든 기술은 HTML 앱을 포장하여 .apk , .exe 또는 기타 다른 앱 파일처럼 실행 파일로 패키지화합니다.이 파일 은 각 앱 스토어에서 다운로드 받아 사용자 기기에 설치해야합니다.

 

PWA는 설치가 필요하지 않으며 Google Play 또는 iTunes App Store에서 사용할 수 없습니다. PWA를 다운로드하려면 웹 사이트를 방문한 다음 홈 화면에 바로 가기로 저장해야합니다. 별도의 iOS 및 Android 버전을 개발하고 유지 관리하는 것은 더 이상 문제가되지 않지만 브라우저 지원을 고려해야합니다.