pwa로 앱처럼 설치하도록 하기

PWA장점

1. 설치 마케팅 비용 적음

2. 아날로그 유저들 배려

3. html, css, js 만으로 앱까지

4. 푸시알람, 센서 등 브라우저를 이용하여 사용

 

설치 명령어

npx create-react-app 프로젝트명 --template cra-template-pwa

기존 프로젝트를 pwa로 변경은 안됨

 

필수 파일 두 개

1. manifest.json

 - 앱 정보(public 폴더에 있음)

2. service-worker.js

 - src에 있는 파일은 설정 파일이며, 실제 파일은 빌드할 때 생성됨

 - 웹사이트를 오프라인에서도 사용할 수 있도록 도와주는 것

// serviceWorkerRegistration.unregister();

// unregister를 register로 변경하면 자동 생성됨
serviceWorkerRegistration.register();

프로젝트 빌드 명령어로 빌드

npm run build

 

 

build 폴더에 있는 assert-manifest.json에 캐시할 파일에 대한 정보가 들어가 있음