Feat: PWA - IOS 앱설치유도 프롬프트 - Githubissues

8-Sprinters / ListyWave-front

[Listy Wave] 내가 큐레이팅한 리스트로 소통하는 SNS

https://listywave.com

MIT License

8 stars 6 forks source link

Feat: PWA - IOS 앱설치유도 프롬프트 #227

Closed Eugene-A-01 closed 6 months ago

Eugene-A-01 commented 6 months ago

개요

IOS 환경에서 PWA 앱 설치 유도 프롬프트 기능을 구현하였습니다.

작업 사항

IOS 는 PWA 앱 설치 지원이 되지 않아서 직접 구현해야했고, react-ios-pwa-prompt 라이브러리를 이용했다.

참고 사항

이 라이브러리는 typescript 지원이 없기에 node_modules/@types/react-ios-pwa-prompt/index.d.ts 파일에서 타입 정의해주었다.
Next.js의 SSR 환경에서 빌드했을때 에러가 있었다.(클라이언트 환경만 고려된 라이브러리) 따라서 next/dynamic을 이용해 이 컴포넌트를 CSR 시켜서 해결했다.
(참고) https://nextjs.org/docs/pages/building-your-application/optimizing/lazy-loading

스크린샷

리뷰어에게

이 커밋 머지 이후 각자 모바일 환경에서 테스트 해보고 의견 나누었으면 좋겠습니다!
(설치유도는 몇 번까지만 띄우면 좋겠다 / 첫 한 번만 띄우면 된다 / 설치유도 메시지를 바꾸면 좋겠다 등)

vercel[bot] commented 6 months ago

@Eugene-A-01 is attempting to deploy a commit to the Eujin Ahn's projects Team on Vercel.

A member of the Team first needs to authorize it.