웹사이트를 PWA로 만들기

주소, 이름, 아이콘을 입력하고 나만의 PWA를 만들어, 앱마다 독립된 Cloudflare Pages 도메인에 발행하세요.

내 PWA0개

PWA 만들기

사이트 주소

한글 앱 이름

영문 ID (= Cloudflare 프로젝트명)발행 주소: 영문ID.pages.dev (영문 소문자, 숫자, - 만 사용)

표시 방식자동: 원본 사이트가 iframe 삽입을 허용하면 내장 화면, 차단하면 직접 이동으로 발행합니다. 네이버 등 일부 사이트는 내장 화면이 빈 화면으로 나옵니다.

앱 아이콘

🌐

이미지를 선택하거나 복사한 이미지를 붙여넣으세요.
정사각형으로 자른 뒤 512×512 PNG 아이콘으로 생성합니다.

각 PWA는 자체 manifest, Service Worker, 아이콘(192/512/maskable)을 가지며, 발행하면 앱마다 별도의 Cloudflare Pages 프로젝트(영문ID.pages.dev)로 배포됩니다. Studio 주소와 경로가 겹치지 않아 각각 독립 설치됩니다.

아이콘 자르기

−＋

Cloudflare 설정

Account ID

API Token 토큰 보기
토큰은 이 기기의 브라우저에만 저장됩니다. 필요 권한: Account › Cloudflare Pages › Edit

Production branch (새 프로젝트 생성 시)

진행 상황

PWA 상태

확인 중…

홈 화면 설치 버튼(📲)은 HTTPS 주소에서 Service Worker가 등록되고 설치 조건을 만족하면 나타납니다. iPhone은 Safari의 공유 → '홈 화면에 추가'를 이용하세요.