홈페이지 » 어떻게 » 프로그레시브 웹 앱이란 무엇입니까?

    프로그레시브 웹 앱이란 무엇입니까?

    웹 앱이 실제 앱처럼 작동한다고 생각한 적이 있습니까? 프로그레시브 웹 앱은 그러한 일을 목표로하는 새로운 기술입니다..

    짧은 버전 : 점진적인 웹 앱이란??

    요약은 다음과 같습니다. Google, Microsoft, Mozilla 및 기타 회사는 새롭고 현대적인 웹 응용 프로그램 표준을 개발하고 있습니다. 심지어 애플도 그것을 따라 지원을 구현하고 있습니다. 이러한 응용 프로그램은 웹 응용 프로그램이지만 기본 응용 프로그램처럼 작동합니다. 기존 웹 응용 프로그램과 마찬가지로 해당 웹 사이트에서 직접 호스팅됩니다. 개발자는 업데이트를 여러 앱 스토어에 제출하지 않고도 웹 서버에서 직접 업데이트 할 수 있으며 모든 브라우저 및 플랫폼에서 동일한 앱이 실행됩니다..

    점진적 웹 응용 프로그램을 설치하면 응용 프로그램을 시작하는 홈 화면, 작업 표시 줄 또는 바탕 화면 바로 가기가 표시됩니다 (플랫폼에 따라 다름). 앱은 빠르게로드되며 오프라인 지원, 푸시 알림, 백그라운드 동기화 지원 및 기타 최신 기능이 포함됩니다..

    또한 이러한 앱은 기존 웹 기술을 사용하여 위치 서비스, 웹캠 및 기타 기본 기능과 일반적으로 연결되는 기능에 액세스 할 수 있습니다. 물론, 앱은 당신에게 물어보고 이런 것들에 접근하기 전에 허락을 받아야합니다..

    기술 버전 : 어떻게 작동합니까??

    프로그레시브 웹 앱은 현대 웹 기술로 강화 된 전통적인 웹 응용 프로그램으로, 더 많은 앱과 유사한 경험을 제공 할 수 있습니다. "프로그레시브"부분은 최신 웹 기능을 통해 점진적으로 향상된다는 것을 의미합니다. 즉, 새 기능을 지원하지 않지만 구식 브라우저에서 더 많은 기능을 사용하는 구형 브라우저에서도 사용할 수 있습니다..

    이러한 앱은 작업 표시 줄 (Windows 10 및 Chrome을 실행중인 경우) 또는 홈 화면의 아이콘 (Android 기기 및 기타 스마트 폰)에서 자신의 창과 단축키를 가져옵니다. 캐시 API를 열면 Cache API와 IndexedDB 덕분에 빠르게로드됩니다. IndexedDB는 앱의 리소스와 데이터를 기기에 저장하여 오프라인 상태에서도 작업 할 수있게합니다. 서비스 근로자 및 푸시 알림과 같은 기술을 사용하면 앱이 네이티브 앱처럼 실행되지 않을 때에도 알림을 보내고 동기화하는 등의 백그라운드 작업을 수행 할 수 있습니다. Fetch API를 사용하면 앱이 데이터를 요청하는 것이 더 빠르고 간단 해집니다. 그들은 홈 스크린이나 데스크탑에 앱을 설치할 때 사용되는 이름, 아이콘, 작성자 및 설명을 제공하는 Web App Manifest 파일을 가지고 있습니다. 암호화 된 HTTPS를 통해 항상 제공되므로 보안이 유지되며 전송 중에 데이터가 변조 될 수 없습니다..

    프로그레시브 웹 앱은 Google의 Chrome 패키지 애플리케이션 또는 Microsoft의 호스팅 웹 애플리케이션과 다릅니다. 이들은 앱을 파일로 패키지화하여 앱 스토어에 제출해야했습니다. 전체 앱은 오프라인 번들에 살았고 사용자는 Chrome 웹 스토어 또는 Windows 스토어에서 설치해야했습니다. 이는 플랫폼에 따라 다르며 Chrome 또는 Windows에서만 작동합니다. 개발자는 오프라인 앱의 파일을 변경하고 앱 스토어에 새로운 버전을 제출하여 앱 스토어를 업데이트해야했습니다..

    대신 PWA는 절대로 오프라인 파일로 패키지되지 않습니다. 오늘날 우리가 사용하는 전통적인 웹 응용 프로그램과 마찬가지로 응용 프로그램 서버에서 전적으로 호스팅됩니다. 개발자가 프로그레시브 웹 앱을 업데이트하려는 경우 서버에서 웹 앱을 업데이트하는 것과 똑같이 업데이트합니다. PWA를 지원하는 모든 플랫폼과 브라우저는 동일한 프로그레시브 웹 앱.

    PWAs는 더 쉽게 발견하고 설치할 수 있도록 앱 스토어에 나열 될 수 있지만 앱 스토어는 웹 앱의 서버를 가리킬뿐입니다. 앱이 앱 스토어의 콘텐츠 정책과 호환되지 않는 경우에도 사용자는 브라우저에서 직접 찾아서 설치할 수 있습니다.

    이게 중요한 이유

    웹 앱을 조금 더 멋지게 만드는 것에 관한 것만은 아닙니다. 이것은 모든 플랫폼이 지원하는 설치 가능한 응용 프로그램에 대한 새로운 표준을 제시하는 것입니다. 가까운 장래에 놀라운 사건이 일어날 수 있습니다..

    예를 들어,이 작업이 완료되면 Google은 Gmail 및 Google 캘린더와 같은 서비스를 PWA로 사용할 수 있습니다. 즉, Windows 10에서 기본 스타일 응용 프로그램으로 실행되고 Windows Store에 나열됩니다. 이것은 구글이 마이크로 소프트의 유니버설 윈도우 플랫폼 (UWP)을 지원하기를 원하지 않기 때문에 윈도우 스토어의 애플리케이션 문제를 해결하는 데 큰 도움이 될 것이다. 별도의 UWP 응용 프로그램을 만들고 싶지 않은 다른 개발자는 갑자기 네이티브 스타일의 PWA로 Windows 10을 지원할 수있게되었습니다.

    개발자는 앱 스토어를 뛰어 넘지 않고 다양한 기기에서보다 강력하고 통합 된 방식으로 웹 앱 기능을보다 쉽게 ​​만들 수 있습니다. 어디에서나 작동하는 웹 앱은 단일 플랫폼에서 작동하는 기본 앱과 더 잘 경쟁 할 수 있습니다. 하나의 앱을 만들 수있는 자원을 가진 회사는 iOS, Android, Windows 및 웹 용으로 별도의 앱을 만드는 대신 PWA를 만들고 모든 것을 지원할 수 있습니다..

    그리고 개발자가 제공하는 Web App Manifest 파일 덕분에 검색 엔진은 웹을 크롤링하고 온라인에서 사용 가능한 PWA를 쉽게 찾을 수 있습니다. 이렇게하면 웹 페이지처럼 PWA를 쉽게 찾을 수 있습니다..

    지원되는 플랫폼?

    프로그레시브 웹 앱은 당분간 개발 중에 있지만 대중의 눈으로 도약하려고합니다..

    Windows 10의 차기 업데이트 (4 월 30 일에 릴리스 될 코드 네임 Redstone 4, 2018 년 4 월 업데이트)를 통해 Microsoft는 PWA를 지원할 수있게되었습니다. 다른 플랫폼과 마찬가지로 PWA 웹 사이트를 방문하여 Microsoft Edge를 통해 설치할 수 있습니다. 그러나 Microsoft는 쉽게 설치하기 위해 Store에 Progressive Web Apps를 나열합니다. 개발자는 Store에서 자신의 응용 프로그램을 나열 할 수 있지만 Bing을 사용하여 웹에서 올바른 PWA를 찾고 자동으로 나열합니다. 그들은 여전히 ​​웹 사이트에서 정상적으로 호스팅되고 개발자에 의해 업데이트 될 것입니다.하지만 Microsoft는이를 쉽게 찾고 설치합니다. Windows 10에서 PWA를 찾아서 설치하고 실행하려면 Edge 브라우저를 열 필요가 없습니다. Windows Store에서 일괄 처리하는 데는 도움이되지만 Microsoft의 UWP 앱 플랫폼에서는 나쁜 소식처럼 보입니다. 왜 많은 개발자가 PWA가 좋고 여러 운영 체제에서 실행될 때 UWP 앱을 만들겠습니까??

    Windows, Mac, Linux 또는 Chrome OS 용인지 여부에 관계없이 Chrome에서 Google은 단종 된 "Chrome Apps"플랫폼을 대체하려고합니다. Google은 PWA의 데스크톱 설치에 대한 지원이 대략 "2018 년 중반"에 도착해야한다고 말합니다. 그런 다음 해당 PWA는 데스크톱의 Chrome에서 작동합니다. 이 기능은 Canary라는 Chrome의 불안정한 개발 버전에서 이미 테스트되고 있습니다..

    Android에서 Chrome은 이미 PWAs 설치를 지원하며 Mozilla Firefox, Opera 및 삼성 브라우저와 같은 다른 모바일 브라우저도 지원합니다. Google은 PWAP를 APK 파일 (Android 앱 파일)로 변환하고 다른 앱처럼 기기에 설치할 수있게 해주는 WebAPK라는 기술을 개발 중입니다. Chrome의 프로젝트 관리자는 PWA가 Play 스토어에 추가 될 수 있음을 암시했습니다..

    애플이 여기에 지지자이자 참여자가 아니었지만, 이제는 사파리 브라우저에 PWA 기능을 추가하고있다..


    2018은 PWA, 특히 Windows 10에서 큰 비중을 차지할 것입니다. Windows 10에서는 Microsoft가 앱 갭을 줄이고 기본 스타일의 앱을 더 많이 가질 수있었습니다..

    이미지 제공 : Prabowo96