PWA Manifest 생성기
앱의 기본 정보와 모양을 설정하고 JSON을 manifest.json으로 프로젝트에 복사하세요. 예시 아이콘 경로는 직접 만든 파일로 바꿔야 합니다.
Manifest 항목
배포한 사이트 안의 / 또는 ./ 같은 경로를 사용하세요. 예시 아이콘 경로는 자리표시자이므로 파일을 직접 만들어 추가해야 합니다.
항목을 편집하면 manifest 초안이 업데이트됩니다.
사용 방법
사용 방법
- 앱 이름, 짧은 이름, 시작 URL을 입력합니다.
- 표시 모드, 테마 색상, 배경 색상을 선택합니다.
- JSON을 복사하거나 다운로드하고 아이콘 파일을 추가한 뒤 HTML에서 manifest를 연결합니다.
웹 앱 manifest 핵심 필드
name, short_name, start_url, display, theme_color, background_color와 192 및 512픽셀 PNG 예시 아이콘 항목을 출력합니다. 배포된 앱 안의 시작 URL을 사용하고 실제 아이콘 경로로 바꾸세요.
manifest는 PWA의 일부입니다
이 도구는 JSON 텍스트만 만듭니다. 아이콘 생성, 사이트에 manifest 링크 추가, 서비스 워커 생성, 오프라인 캐시 설정, 브라우저 설치 요건 검증은 하지 않습니다. 경로를 확인하고 대상 브라우저에서 완성된 사이트를 테스트하세요.
자주 묻는 질문
더 알아보기
아이콘 이미지도 생성하나요?
아니요. 192 및 512픽셀 PNG 파일의 예시 경로를 넣습니다. 파일을 직접 만들고 경로를 바꾸세요.
manifest만 있으면 사이트가 PWA가 되나요?
아니요. manifest는 한 부분일 뿐입니다. 서비스 워커, 알맞은 배포 환경, 브라우저별 설치 요건도 필요할 수 있습니다.
JSON을 어디에 저장하고 연결하나요?
출력을 manifest.json으로 저장한 뒤 HTML head에 해당 파일을 가리키는 link rel="manifest"를 추가하세요.
앱 정보가 업로드되나요?
아니요. 이 브라우저에서 초안을 생성합니다.