site.webmanifest가 뭘까?

site.webmanifest

프로그레시브 웹 앱에 대해 브라우저에 알려주는 JSON 파일
사용자의 데스크톱 또는 모바일 장치에 설치할 때 어떻게 작동해야 하는지 알려줌.

앱 이름, 앱에서 사용해야 하는 아이콘, 앱이 시작될 때 열어야 하는 URL이 포함됨.
고로, 다운로드할 경우 아래의 빈칸은 채워준다.

 

{
    "name": "",
    "short_name": "",
    "icons": [
        {
            "src": "/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png"
        },
        {
            "src": "/android-chrome-512x512.png",
            "sizes": "512x512",
            "type": "image/png"
        }
    ],
    "theme_color": "#ffffff",
    "background_color": "#ffffff",
    "display": "standalone"
}

 

 

예를들면,

"name": "Sanghee application",
"short_name": "Sanghee app"