[React Native] DeepLink

카테고리 : Development
태그: development, · React-Native, · reactnative, · DeepLink, · 앱 스킴(URL 스킴), · Universal Link(iOS), · App Link(Android), · Deffered DeepLink (지연된 딥링크),
등록일: 2024년 01월 17일
최근 업데이트: 2024년 01월 17일

---

• 🔥 1. DeepLink
• 🔥 2. 앱 스킴(URL 스킴)
• 🔥 3. Universal Link(iOS), App Link(Android)
• 🔥 4. Deffered DeepLink (지연된 딥링크)

🔥 1. DeepLink

DeepLink를 클릭하면, 앱에서 보던 상품이나 이벤트 등을 이어서 볼 수 있게 해줌

• 딥링크는 특정 페이지에 도달 할 수 있는 링크
• 버튼 클릭 시 네이티브 앱으로 바로 이동하는 기능을 해본적이 있을 것인데 그것이 바로 ’모바일 딥링크’를 이용하여, 특정 앱 페이지로 들어가는 것

종류

• URL Schema
• Universal Link(iOS), App Link(Android)
• Deffered DeepLink (지연된 딥링크)

🔥 2. 앱 스킴(URL 스킴)

특징:

• 브라우저 주소창에 Schema를 입력하면, 내 핸드폰에 해당 Schema가 있는 앱을 찾아 실행
• 앱에서 보던 상품이나 이벤트 등을 이어서 볼 수 있게 해줄 수 있음

단점 :

1. 앱이 설치 되어 있어야만 동작
2. Schema는 Domain처럼 고유한 주인이 있는 것이 아니라 누구나 사용할 수 있습니다.

(예로, market schema를 사용하면 play store 외에 one store나 samsung store 중 무엇을 열겠냐고 물어보는 경우가 바로 중복된 Schema를 사용하고 있는 경우 나타나는 팝업. 만약 iOS는 가장 최근에 설치한 App이 실행)

이를 이용, 똑같은 Schema를 사용하여 앱이 실행

🔥 3. Universal Link(iOS), App Link(Android)

특징:

• 브라우저에서 이 링크를 입력 시, 앱이 설치되어 있다면 앱이 실행되고 아니라면 웹 URL로 인식되어 웹 링크로 실행
• Store로 보내 앱 설치를 유도 가능

단점:

1. 플랫폼 브라우저 주소창이 아니라면 제대로 동작하지 않는 경우가 발생 (크롬, 사파리가 아닌 곳에 주소를 입력했을 때, 즉 카카오톡이나 다른 앱을 통하여 주소를 열게 되면 제대로 동작하지 않을 수 있음)
2. 링크를 선택 했을 때 앱이 설치되어 있지 않아 App Store로 보내 앱을 설치하고 실행하면 원하는 목적지로 가지 않고 이미 DeepLink는 유실되어 버려 앱 설치 후 다시 딥링크를 실행시켜야하는 불편함

🔥 4. Deffered DeepLink (지연된 딥링크)

특징:

• 딥링크를 실행 했을때, 앱이 설치 되어 있는지 없는지에 따라 다르게 동작
• 앱 설치 상태 : 앱을 실행시키고 원하는 동작 수행.
• 앱 미설치 상태 : Store로 연결 시켜 앱 설치를 유도한 후, 앱이 설치되고 실행되면 딥링크를 수행