1. Manifest에 들어가야 할 내용

PWA를 만들기 위해 필요한 Manifest(매니페스트)를 PWA Builder에서 만들어 보도록 합시다.

<aside> 💡 Manifest가 100점이 나오지 않으면 최종적으로 PWA를 퍼블리싱 할 수 없습니다. 특히 아이콘 이미지가 제대로 업로드 되었는지 확인한 후 진행하셔야 합니다.

</aside>

이때 매니페스트에는 어떤 내용이 들어가야 할까요?

다음은 web.dev에서 소개하는 매니페스트에 포함되어야 할 내용입니다. 아래 내용을 확인하고 PWA Builder로 돌아가 Manifest Option을 작성해 보도록 합시다.

  1. short_name 또는 name
  2. icons : 192px과 512px의 아이콘
  3. start_url
  4. display : fullscreen, standalone, minial-ui 중 하나이어야 함.
  5. prefer_related_aplications : 존재하지 않거나 false이어야 함.

What does it take to be installable?

2. Manifest Options

PWA Builder에서는 매니페스트 옵션을 작성하면 매니페스트 문서를 자동으로 생성해 줍니다. 빈 칸을 채워 넣어보도록 합시다.

PWA Builder - Manifest Options 작성 페이지

PWA Builder - Manifest Options 작성 페이지

2.1 Info 작성하기