프로그레시브 웹 앱 - 현대 웹의 미래?
요즘은 프로 그래 시브 웹 앱스 (PWA)가 도시의 이야기이며, 주로 놀라운 유용성과 독특한 사용자 경험 덕분입니다. 웹 사이트와 기본 응용 프로그램의 결합 된 기능을 통해 PWA는 다중 장치 웹 응용 프로그램의 표준이되었습니다. 개발자가 빠른 로딩 다이나믹 앱을 개발할 수있게 해줍니다. 하이브리드 프레임 워크를 사용하지 않고.
나는 Progressive Web Apps가 웹 사이트의 미래 - 다음 글에서 필자는 그 혜택과 사용 사례를 논의하여 전체적인 모습을 보여줄 것입니다. 그것에 착수하자..
프로그레시브 웹 앱이란??
용어 “프로그레시브 웹 앱” Alex Rusell (Google Chrome 개발자)과 Frances Berriman (디자이너)이 최초로 제작했습니다. Alex는 Progressive Web Apps에 대한 아이디어를 발표했습니다. “이러한 앱은 상점을 통해 패키지되거나 배포되지 않으며 모든 적절한 비타민을 섭취 한 웹 사이트“.
“알림을 보내거나 홈 화면에 표시하려는 사이트는 점점 더 많이 사용함에 따라 시간이 지남에 따라 그 권리를 획득해야합니다. 그들은 점차적으로된다. “앱”“, PWA 'appiness에 관해 Alex에게 썼다. 마지막으로, 그는, “이러한 앱은 기존 웹 앱보다 향상된 사용자 경험“.
웹 앱 대 진보적 인 웹 앱
웹 앱 또는 기존 웹 앱은 클라이언트 측 앱으로 웹 브라우저에서 직접 실행. 그들은 웹 사이트보다 낫지 만 문제는 있습니다. 웹 앱과 사이트의 차이를 모르는 경우 웹 앱은 기본 앱처럼 보이고 느끼기 때문에 웹 앱은 웹 사이트와 다릅니다..
즉, 프로그레시브 웹 앱은 차세대 웹 앱 이는 기기의 기본 향상된 기능을 사용하여 기본 앱처럼 작동합니다. 예를 들어, Progressive Web Apps는 네이티브 기능을 사용한다. 비공개 카메라, 비콘 등을 오프라인 캐시, 푸시 알림 등의 기능과 함께 제공합니다..
왜 우리는 Progressive Web Apps가 필요한가요??
한편으로는 느린 연결이나 연결이없는 최악의 상황에서도 믿을 수 없을 정도로 빠르고 신뢰할 수있는 기본 응용 프로그램이 있습니다. 그러나 다른 한편으로는 웹 사이트와 웹 앱이 느리며 네트워크 상태가 좋지 않은 경우도 있습니다. 그래서 대부분의 사람들이 네이티브 앱 선호.
Google이 권장하는 프로젝트 인 Accelerated Mobile Pages (AMP)는 2016 년에 시작되었습니다. 느린 연결 문제 해결, 특히 스마트 폰에서보다 효과적으로 사용자 경험을 제공 할 수 있습니다. 그러나 AMP는 네트워크 문제가없는 문제를 해결하지 못합니다. 또한 기본 응용 프로그램만큼 로딩 시간이 빨라지지 않으며 다시이 속도를 달성하는 데 몇 가지 제한이 있습니다..
이것이 우리가 프로그레시브 웹 앱이 필요한 이유입니다. PWA는 느리거나 네트워크가없는 최상의 사용자 환경 정황. 예를 들어 PWA는 콘텐츠를로드 할 때 진행 화면을 표시하고 웹 연결이 없을 때 시작 화면을 표시 할 수 있습니다..
프로그레시브 웹 앱이 적합한 이유?
comScore의 2017 년 미국 모바일 앱 보고서에 명시된대로 앱 사용자는 상위 3 개 앱에서 시간의 77 %, 나머지 앱은 유휴 상태를 유지하지만 메모리를 포함하여 시스템 리소스를 차단합니다. 또한, 사용자의 50 %가 한 달에 0 개의 앱을 다운로드합니다.. 이 사실은 사용자가 새로운 앱을 설치하는 것을 망설 인다는 것을 의미하므로 PWA는 우위를 점하고 있습니다..
사람들이 주로 데스크톱 웹 사이트를 방문하지만 휴대 기기에서 앱 선호 (네이티브 애플 리케이션, 물론). 그 이유는 컴퓨터가 스마트 폰보다 더 많은 네트워크 리소스를 제공하고 앱이 해당 웹 사이트보다 리소스를 적게 소비하기 때문입니다. 또한 빠르고 신뢰성이 뛰어납니다..
또한 기본 응용 프로그램은 웹 사이트보다 훨씬 비용이 많이 들며 프로젝트 유형에 따라 5 ~ 10 배 이상이 소요됩니다. 또한 여러 코드 기반의 여러 플랫폼 (Android 및 iOS)의 기본 앱을 개발해야하는 경우 비용이 증가 할 수 있습니다. 그러나 PWA는 도움을 줄 수 있습니다. 그러한 높은 개발 비용을 최소화한다., 다양한 플랫폼에 대한 지원 덕분에.
프로그레시브 웹 앱 기능
프로 그레시브 웹 앱은 웹 앱 (또는 더 간단한 것들 - 웹 사이트)과 같은 더 간단한 기능보다 뚜렷한 직접적인 기능을 많이 가지고 있습니다.
- 반응 형. 모든 화면 크기의 모든 장치에서 작업.
- 오프라인 우선. 느리거나 네트워크없이로드.
- 앱과 같은 느낌. 네이티브 앱처럼보고 상호 작용할 수 있습니다..
- 최신 정보. 자체적으로 거의 투명하게 업데이트.
- 안전하고 안전한. HTTPS를 사용하여 페이지 리소스로드.
- 발견 가능. 검색 엔진에 사용 가능한 콘텐츠.
- 다시 참여 가능. 재사용, 알림 사용.
- 설치 가능. 홈 화면에 배치 가능.
- 연결 가능. 앱과 유사한 페이지를 URL과 함께로드합니다..
흥미로운 점은 프로그레시브 웹 앱은 기본 앱처럼 보이지 않고 느끼는 것뿐만 아니라 기기의 기본 기능에 대한 액세스. 즉, PWA가 장치의 카메라를 사용하여 스냅 할 수 있습니다. 그러나 위치, 전화 또는 SMS와 같은 제한된 기능에 액세스하지 못한다는 점을 분명히해야합니다..
노트 : 이 게시물의 기능 및 기타 세부 사항에 대한 자세한 내용을 볼 수 있습니다..
점진적 웹 앱 만들기?
Google은 “점진적인 웹 앱 체크리스트” - 초보자가 프로그레시브 웹 앱을 만드는 데 도움이되는 세부 목록입니다. 이 가이드가없는 목록은 PWA를 만드는 데 필요한 기능 - 에이 “베이스 라인 PWA” 그리고 “모범적 인 PWA”; 전자는 기본 앱의 중요한 요소를 나열하고 후자는 고급 앱을위한 중요한 요소를 나열합니다..
PWA를 구축하는 데 도움이되는 다양한 도구가 있습니다. 예를 들어 Lighthouse는 무료 오픈 소스입니다. 웹 페이지를 개선하는 도구 내게 필요한 옵션, 성능 및 PWA 기능에 대한 품질 검사가 포함됩니다. 또 하나의 유용한 도구는 Workbox입니다. 오프라인으로 처음 사용하는 앱 만들기.
프로그레시브 웹 앱이 미래인가??
프로그레시브 웹 앱은 가까운 미래에 모든 앱 문제를 해결하거나 기본 앱을 대체하지는 못하지만 중요한 역할을 할 것으로 믿습니다. 한계보다 훨씬 더 큰 이점. PWA를 지원하기 시작한 거의 모든 대형 플랫폼을 통해 어디에서나 볼 수 있습니다..
Apple은 Beacon API, Service Workers, Web App Manifest 등 Safari 11.1에 PWA 기능 (웹 API)을 도입했습니다. 곧 PWA를 iOS에 가져 오게됩니다. Google은 이미 Android 용 Chrome에서 PWA를 지원했으며 데스크톱 플랫폼에도이 PWA를 제공 할 계획입니다. Microsoft는 또한 Microsoft Edge에서 PWAs에 대한 지원을 추가하고이를 Microsoft Store에도 나열 할 것입니다..
어떻게 생각해 - 미래의 프로그레시브 웹 앱? @aksinghnet에서 직접 알리거나 아래의 의견란에 의견을 남기십시오..
