PWA를 만들기 위해 필요한 Manifest(매니페스트)를 PWA Builder에서 만들어 보도록 합시다.
<aside> 💡 Manifest가 100점이 나오지 않으면 최종적으로 PWA를 퍼블리싱 할 수 없습니다. 특히 아이콘 이미지가 제대로 업로드 되었는지 확인한 후 진행하셔야 합니다.
</aside>
이때 매니페스트에는 어떤 내용이 들어가야 할까요?
다음은 web.dev
에서 소개하는 매니페스트에 포함되어야 할 내용입니다. 아래 내용을 확인하고 PWA Builder로 돌아가 Manifest Option을 작성해 보도록 합시다.
short_name
또는 name
icons
: 192px과 512px의 아이콘start_url
display
: fullscreen, standalone, minial-ui 중 하나이어야 함.prefer_related_aplications
: 존재하지 않거나 false이어야 함.What does it take to be installable?
PWA Builder에서는 매니페스트 옵션을 작성하면 매니페스트 문서를 자동으로 생성해 줍니다. 빈 칸을 채워 넣어보도록 합시다.
PWA Builder - Manifest Options 작성 페이지