PWA(Progressive Web App)는 브라우저에서 설치할 수 있는 웹사이트입니다. 이는 유용하지만 대부분의 고객은 여전히 App Store와 Google Play에서 앱을 찾습니다. PWA가 이미 휴대폰에서 잘 작동하는 경우 다시 작성하지 않고도 두 스토어 모두에서 패키징할 수 있습니다.
문제는 두 상점이 웹 기반 앱을 매우 다르게 취급한다는 것입니다. Google에는 PWA에 대한 공식 경로가 있습니다. Apple은 그렇지 않으며 검토 팀은 리패키징된 웹사이트 이상의 것을 기대합니다. 이 가이드에서는 현실적인 옵션, 중요한 규칙, 검토를 통해 PWA를 받기 위한 체크리스트를 다룹니다.
앱 스토어에 PWA를 게시하는 이유는 무엇입니까?
PWA는 이미 사용자에게 설치 프롬프트, 홈 화면 아이콘 및 전체 화면 경험을 제공합니다. 스토어 목록에는 브라우저 설치로 할 수 없는 항목이 추가됩니다.
- Discovery. 사람들은 상점에서 귀하의 제품과 같은 제품을 검색하고 목록을 통해 해당 순위를 매기는 페이지를 제공합니다.
- Trust. 리뷰와 확인된 게시자가 포함된 스토어 등록정보는 웹사이트의 '홈 화면에 추가'보다 더 강력한 신호입니다.
- 안정적인 설치. iPhone에서는 브라우저에서 PWA를 설치하는 것이 공유 메뉴에 숨겨져 있습니다. 스토어 설치는 탭 한 번이면 됩니다.
- 네이티브 채널. 패키지된 앱은 브라우저에 표시되는 내용에 의존하지 않고 플랫폼을 통해 푸시 알림과 딥 링크를 사용할 수 있습니다.
이것이 PWA를 포기해야 한다는 의미는 아닙니다. 웹사이트는 제품으로 유지됩니다. 스토어 앱은 이에 접근하는 또 다른 방법입니다. PWA, WebView 앱 및 완전 기본 빌드 간의 장단점에 대해서는 다음을 읽어보세요. PWA vs 네이티브 vs WebView.
옵션 1: Google Play의 신뢰할 수 있는 웹 활동
Google Play는 다음을 통해 PWA를 지원합니다. 신뢰할 수 있는 웹 활동(TWA). TWA는 내장된 WebView 대신 사용자가 설치한 Chrome 브라우저를 사용하여 PWA 전체 화면을 여는 Android 앱입니다. Chrome 문서에 따르면 앱과 웹사이트는 디지털 자산 링크를 통해 서로를 확인하며, 이는 둘 다 동일한 개발자가 제작했음을 증명합니다.
다음과 같은 도구 버블랩 (명령줄 도구) 및 PWA빌더 당신을 위해 Android 프로젝트를 생성하고 빌드하세요. 일반적인 단계는 다음과 같습니다.
- PWA에 유효한 웹 앱 매니페스트, HTTPS를 통해 접근 가능한 시작 URL 및 아이콘이 있는지 확인하세요.
- Bubblewrap 또는 PWABuilder를 사용하여 Android 프로젝트를 생성합니다.
- 앱을 확인할 수 있도록 도메인에 디지털 자산 링크 파일을 게시하세요.
- 서명된 Android App Bundle을 빌드하고 Google Play Console에 업로드하세요.
이 경로를 선택하기 전에 알아야 할 사항:
- 경험은 기기에 Chrome이 설치되어 있고 최신 상태인지에 따라 달라집니다. 확인에 실패하거나 Chrome을 사용할 수 없는 경우 사용자는 브라우저 도구 모음을 볼 수 있습니다.
- 호스트 앱은 웹 콘텐츠, 쿠키 또는 로컬 저장소를 직접 읽을 수 없습니다. 네이티브 코드와의 통신이 제한됩니다.
- Play Console 계정, 스토어 등록정보, 개인정보처리방침, Google이 새 개인 계정에 적용하는 테스트 요구사항은 여전히 필요합니다. 우리의 출판 가이드 비공개 테스트 규칙을 포함하여 이를 살펴봅니다.
TWA는 명령줄 도구에 익숙하고 Android만 필요한 경우에 적합합니다.
옵션 2: iOS용 DIY 래퍼
Apple에는 이에 상응하는 TWA가 없습니다. PWA를 App Store에 넣으려면 일반적으로 WKWebView를 통해 이를 로드하는 기본 iOS 앱이 필요합니다. DIY 버전은 다음과 같습니다.
- Mac에서 Xcode 프로젝트를 만듭니다.
- 웹 보기에 PWA를 로드하고 아이콘, 시작 화면 및 탐색을 추가하세요.
- Apple Developer Program에 등록하고 번들 ID를 등록하세요.
- Apple의 툴체인을 통해 빌드를 서명하고 보관하고 App Store Connect에 업로드하세요.
- TestFlight로 테스트하고 목록 및 개인 정보 보호 답변을 완성한 후 검토를 위해 제출하세요.
PWABuilder는 시작점으로 iOS 프로젝트를 생성할 수 있지만 여전히 Mac과 Xcode가 필요하므로 직접 열고 서명할 수 있습니다. 우리는 이 과정을 더 자세히 다룬다. Xcode나 Mac 없이 웹사이트를 iOS 앱으로 변환하는 방법.
더 큰 문제는 기술적인 것이 아니다. 앱이 승인되는지 여부는 다음에서 다루겠습니다.
Apple이 PWA 래퍼에서 기대하는 것
Apple의 앱 심사 지침에는 앱이 "리패키징된 웹 사이트 이상으로 향상되는 기능, 콘텐츠 및 UI를 포함해야 한다"고 명시되어 있습니다(지침 4.2). 기본 웹 보기에 로드된 PWA는 정확히 지침이 대상으로 하는 제출 유형입니다.
알아야 할 기타 사항:
- 지침 4.2.2 카탈로그 이외의 앱은 주로 마케팅 자료, 웹 스크랩, 콘텐츠 수집기 또는 링크 모음이 되어서는 안 됩니다.
- 지침 2.1 앱에 로그인이 있는 경우 최종적으로 작동하는 빌드 및 데모 자격 증명이 필요합니다.
- 지침 4.2.6 상용화된 템플릿이나 앱 생성 서비스로 만들어진 앱은 앱 콘텐츠 제공자가 직접 제출하지 않는 한 거부된다는 의미입니다. 공급업체가 아닌 자신의 개발자 계정으로 게시하세요.
승인을 보장하는 공식은 없으며 어떤 도구도 승인을 약속할 수 없습니다. 당신이 할 수 있는 일은 리뷰어에게 실제 앱을 볼 이유를 제공하는 것입니다. 기본 탐색, 사용자가 선택한 푸시 알림, 딥 링크 작업, 세련된 로딩 및 오프라인 경험 등이 있습니다. 검토 규칙에 대한 전체 연습을 보려면 다음을 참조하세요. Apple 지침 4.2: Apple은 웹사이트 앱을 거부할까요?.
옵션 3: 두 매장 모두에 변환기 사용
SiteTo.App과 같은 변환기는 URL에서 두 플랫폼 모두에 대한 패키징을 수행합니다. 웹사이트 주소를 입력하고 앱 이름, 아이콘, 색상, 스플래시 화면, 탐색 기능을 설정하고 휴대폰에서 미리 본 후 빌드를 요청하면 됩니다.
현재 제품의 작동 방식을 기준으로 다음과 같습니다.
- Android 빌드는 APK 또는 AAB로 생성될 수 있습니다.
- iOS 빌드는 Apple 개발자 계정으로 서명되어 App Store Connect 계정의 TestFlight로 전달되며, 거기에서 가져와 검토를 위해 제출합니다.
- 푸시 알림은 Firebase를 통해 설정됩니다.
- 웹사이트는 정보의 소스로 남아 있으므로 웹에서 제공하는 변경 사항은 새로운 스토어 출시 없이 앱 사용자에게 도달합니다.
- 가격은 일회성으로 Android의 경우 29달러, iOS의 경우 79달러, 둘 다 99달러입니다. Apple과 Google 개발자 계정 수수료는 별도입니다.
SiteTo.App은 귀하의 PWA를 웹사이트로 취급합니다. 즉, 앱 내부에 공개 URL을 로드합니다. 서비스 작업자 캐싱, 오프라인 페이지 또는 웹 설치 프롬프트와 같은 PWA 관련 기능이 앱 셸 내에서 작동하는지 여부는 앱이 사용하는 웹 보기에 따라 다르므로 가정하기보다는 미리 보기에서 테스트하세요. 앱의 푸시 알림은 PWA의 웹 푸시가 아닌 Firebase를 통해 구성됩니다.
당사에서 변환기를 비교할 수 있습니다. 최고의 웹사이트-앱 변환기 가이드, 비용 측면을 확인하세요. 웹사이트를 앱으로 전환하는 데 드는 비용. 사이트가 특정 플랫폼에서 실행되는 경우 플랫폼 페이지 해당 스택에 대해 무엇을 확인해야 하는지 설명합니다.
어떤 경로를 이용해야 하나요?
- Android 전용, 명령줄 사용에 익숙함: Bubblewrap 또는 PWABuilder를 통한 TWA는 좋은 공식적인 경로입니다.
- iOS 및 Xcode에 익숙한 Mac과 개발자가 있습니다. DIY 래퍼는 모든 권한을 부여하지만 모든 재구축과 SDK 업데이트는 사용자가 소유합니다.
- 네이티브 프로젝트를 소유하지 않은 두 스토어 모두: 변환기는 최소한의 노력으로 웹사이트를 제품으로 유지합니다.
- 오프라인 동작이나 백그라운드 동기화에 크게 의존하는 PWA: 어떤 경로를 선택하든 커밋하기 전에 신중하게 테스트하세요.
PWA를 패키징하기 전에 준비하세요.
스토어 등록정보는 브라우저 탭이 숨기는 약점을 드러냅니다. 포장하기 전에:
- 모든 화면이 터치 및 시스템 뒤로 동작으로 반응하고 사용할 수 있는지 확인하세요.
- 팝업을 열거나 리디렉션하는 타사 인증을 포함하여 로그인, 체크아웃 및 파일 업로드가 내장된 보기에서 작동하는지 확인하세요.
- 로그인 없이 접근 가능한 개인정보 보호정책 페이지 및 지원 페이지를 추가하세요.
- 앱에서 열리는 외부 링크와 브라우저를 여는 외부 링크를 결정합니다.
- 빈 화면이 아닌 명확한 메시지로 오프라인 및 오류 상태를 처리합니다.
- 사용자에게 이미 설치했으므로 '이 앱을 설치하세요'라고 요청하는 메시지를 삭제하세요.
그만큼 준비 체크리스트 및 비용 계획자 구축하기 전에 격차를 발견하는 데 도움이 될 수 있습니다.
스토어 등록정보 및 리뷰 체크리스트
- 개발자 계정은 계약자가 아닌 귀하의 비즈니스가 소유합니다.
- 앱 이름, 아이콘, 스크린샷은 실제 앱을 보여주며 빌드와 일치합니다.
- 개인정보 보호정책 및 매장 개인정보 보호 답변에는 앱에 로드된 웹사이트, 분석 및 결제 도구가 포함됩니다.
- 검토자 자격 증명은 작동하며 검토 메모에 포함됩니다.
- 앱은 탐색, 알림, 딥 링크와 같은 웹사이트 이상의 기본 가치를 추가합니다.
- 두 빌드 모두 새로 설치한 실제 장치에서 테스트되었습니다.
- 리뷰 메시지를 보고 구체적으로 답변하도록 누군가가 지정되었습니다.
자주 묻는 질문
기본 래퍼 없이 App Store에 PWA를 게시할 수 있나요?
아니요. App Store는 기본 앱 바이너리만 배포합니다. PWA는 PWA 내부에 패키지되어야 하며, 패키지된 앱은 Apple의 지침을 충족해야 합니다.
Google Play에서 PWA가 허용되나요?
예. Google은 신뢰할 수 있는 웹 활동을 통해 PWA를 지원하며 래퍼 앱을 게시할 수도 있습니다.
내 PWA가 앱 내에서 계속 오프라인으로 작동하나요?
경로와 웹뷰에 따라 다릅니다. 오프라인 동작이 계속된다고 가정하는 대신 미리 보기 또는 테스트 빌드에서 오프라인 동작을 테스트하세요.
Mac이 필요합니까?
DIY iOS 빌드의 경우 그렇습니다. 변환기가 앱을 빌드해 주지만 App Store Connect를 위해서는 여전히 Apple 개발자 계정이 필요합니다.
게시하면 승인이 보장되나요?
아니요. Apple과 Google이 모든 제출 내용을 결정합니다. 더 나은 목록과 앱과 같은 경험을 제공하면 확률이 높아지지만 결과를 보장할 수는 없습니다.
다음 단계
PWA가 준비되면 SiteTo.App을 사용하여 앱으로 미리보기 경로를 결정하기 전에 자신의 휴대폰에서 테스트해 보세요. 만족스러우면 리뷰를 해보세요 가격 그리고 따라 가이드 생성 및 게시.
