[Test] 카카오 인앱 구분 테스트

[yyypearl]

연관 이슈

close #180

개요

카카오 인앱에서는 외부 브라우저로 이동할 수 있도록 유도한다. 카카오 인앱이 아닐 경우 기존 테스트처럼 PWA 설치를 유도한다. 해당 내용이 서비스 내에서 기능할 수 있는지 확인한다.

✅ 작업 내용

• 카카오 인앱 구분
• 외부 브라우저로 이동

🖥 구현 결과

• iOS 외부 브라우저 (Safari)

trim.C7E3086F-5569-411D-AB9B-3B2E59FE58F0.MOV

• iOS 카카오 인앱 브라우저

trim.8CF1548E-9727-4031-8862-D5BCE6826742.MOV

• Android 카카오 인앱 브라우저 (자동으로 외부 브라우저 이동 시킴)

trim.F168564C-0B2A-44CA-B413-968B9065574A.MOV

리뷰 요구사항

따로 없습니다.

📝 기타 사항

일단 제가 조사한 내용은 아래와 같아서 이 플로우로 만들었어요!
혹시 다른 가능한 방법도 있다면 언제든 말씀해주세요👍🏻🙆🏻‍♀️

동작 플로우

1️⃣ 카카오 인앱 브라우저

• 안드로이드 → intent:// 사용해 크롬으로 자동 오픈
• iOS → Safari에서 열도록 안내 후 종료

2️⃣ 외부 브라우저

• 페이지 진입 시 ConfirmModal 자동 오픈:
  • Android: 설치 가능 시 설치 버튼 → 설치 시도
  • iOS: 설치 버튼 클릭 시 홈화면 추가 방법 안내

[참고] 카카오 인앱 브라우저에서 자동으로 외부 브라우저(사파리/크롬)로 이동시키는 것은 불가능

1. iOS (Safari)

• iOS 보안 정책 상 인앱 브라우저 → Safari 강제 전환 불가능.
• intent://, app-ads.txt, Universal Links 모두 인앱 브라우저 내에서 강제 작동하지 않음.
• 유일한 방법은 유저가 직접 메뉴에서 “Safari로 열기”를 선택하는 것뿐.

2. Android (Chrome)

• intent:// 스킴을 사용하여 크롬으로 유도 가능하지만,
• 인앱 브라우저(카카오톡)에서 intent:// 호출 시
  • 일부 기기/버전에서 경고 팝업 후 열림
  • 일부 기기/버전에서 동작하지 않음
• 따라서 완전한 강제 전환은 불가능하며, 어느 정도는 유저가 허용을 선택해야 작동합니다.

[github-actions]

🎉 Deploy Preview

https://lettering-a111872qt-yyypearls-projects.vercel.app
여기에서 배포 결과 확인하기