앱 스토어의 PWA
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
PWA는 웹브라우저를 통해 액세스할 수 있지만 설치 가능한 환경 제공 섹션의 도움말에 설명된 대로 사용자의 홈 화면에 설치할 수도 있습니다. 그러나 PWA의 문제점 중 하나는 PWA를 앱 스토어에 배포하는 것입니다. 여기서 PWABuilder 가 사용됩니다. PWABuilder는 개발자가 다양한 앱 스토어에 제출할 수 있는 패키지를 만들 수 있는 강력한 도구입니다.
PWABuilder를 사용하여 패키지를 만드는 경우의 주요 이점 중 하나는 웹 애플리케이션을 앱 스토어에 게시하는 프로세스가 간소화된다는 것입니다. 일반적으로 앱 스토어에 앱을 제출하려면 웹 개발자가 익숙하지 않을 수 있는 언어로 코드를 작성하고, 앱 아이콘을 만들고, 다양한 설정을 구성하고, 다양한 기기와 운영체제에서 앱을 테스트하는 등 많은 작업이 필요합니다. PWABuilder는 이러한 많은 작업을 자동으로 처리하므로 앱을 게시하는 데 필요한 시간과 노력이 줄어듭니다.
참고: 내부적으로 PWABuilder는 bubblewrap
라는 명령줄 도구를 사용합니다. 자세한 내용은 신뢰할 수 있는 웹 활동 빠른 시작 가이드 도움말을 참고하세요. 그래픽 사용자 인터페이스보다 명령줄을 선호하는 경우 PWABuilder를 사용하는 대신 bubblewrap
를 직접 실행할 수 있습니다.
기본 요건
웹 앱이 몇 가지 기준 PWA 요구사항을 충족하는 경우 PWABuilder를 사용하여 매장용 애플리케이션의 유효성을 검사하고 점수를 매기며 패키징할 수 있습니다.
PWA는 공개 URL로 게시되어야 합니다.
완전한 웹 앱 매니페스트 가 있어야 합니다.
앱이 HTTPS로 제공되어야 합니다.
핵심사항: 패키지를 게시하려면 게시하려는 각 플랫폼에 대한 개발자 계정도 필요합니다. Microsoft 및 Google Play 스토어의 경우 일회성 수수료가 청구됩니다. Apple App Store의 경우 1년에 한 번 정기 결제 요금이 청구됩니다. 메타 퀘스트 계정은 무료입니다.
스토어에 제출할 때는 규칙을 따라야 합니다. 이러한 규칙에 따라 판매자가 자체 결제 메커니즘을 사용하여 구매할 때마다 수수료를 지불해야 할 수 있습니다. 특정 유형의 콘텐츠를 제한할 수도 있습니다. 게시하려는 각 스토어의 이러한 측면을 신중하게 평가하세요.
패키징
몇 단계를 거쳐 PWA용 애플리케이션 패키지를 만들 수 있습니다.
PWABuilder 홈페이지에서 URL을 입력하여 패키징 프로세스를 시작합니다. PWABuilder를 통해 애플리케이션의 보고서 카드 페이지로 이동하며, 여기에서 프로그레시브 웹 앱의 점수와 작업 항목을 확인할 수 있습니다.
앱 패키징을 진행하려면 스코어카드 페이지의 오른쪽 상단에 있는 매장 패키지 버튼을 클릭합니다.
패키징 옵션을 살펴보고 Generate Package 를 클릭하여 플랫폼을 선택합니다. 애플리케이션과 관련된 메타데이터를 입력하라는 메시지가 표시되며 이는 플랫폼에 따라 다릅니다.
마지막으로 패키지 다운로드 를 선택하여 패키지를 다운로드합니다.
제출 중
특정 스토어에 PWA를 게시하는 방법에 관한 안내는 플랫폼별 도움말을 확인하세요.
예
PWABuilder를 사용하여 앱 중 하나인 SVGcode 의 스토어 패키지를 생성했습니다.
이러한 스토어를 제외하고 브라우저에서도 앱을 다운로드할 수 있습니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스 에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스 에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책 을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2023-03-31(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2023-03-31(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2023-03-31(UTC)"],[],[]]