React Native로 구현된 크로스 플랫폼 앱에 딥링크를 도입해 달라는 요구사항을 받았다.
Branch IO와 고민했으나, 내부에서 상의 후 우세한 사용량 + 무료라는 메리트로 AppsFlyer 솔루션으로 결정!
sdk 라이브러리 설치, appsflyer에 앱 추가 후 sdk 연결하고, onelink 도메인도 appsflyer에서 제공해주어서 쉽게 새로 팠다.
아래 세팅 과정을 참고하시어 간단히 구현하시길 바란다.
📌 세팅 과정
1. AppsFlyer에 우리 서비스 앱 추가 및 sdk연동
sdk설치, AppsFly 앱 추가 후 연동 같은 것은 다른 솔루션들과 비슷하기 때문에 어렵지 않게 세팅할 수 있음.
SDK연동은 하기 라이브러리를 사용하였다.
GitHub - AppsFlyerSDK/appsflyer-react-native-plugin: AppsFlyer plugin for React Native
2. App ID, Bundle ID, SHA256 해시값 가져오기
apple developer에서 App ID와 Bundle ID를, google play console에서 SHA256 해시값을 찾는다.
(SHA256 해시값 관련하여 거대한 삽질 일기가 있는데... 이것은 별도 포스팅으로 발행하였다)
3. 원링크 템플릿에 해당 값들 추가
원링크 템플릿을 추가하면서 2에서 찾아온 값들을 각각 유니버설 링크, 앱링크에 세팅해주면 됨.
4. fallback 커스텀 스킴 설정
URI scheme fallback에는 우리 앱의 커스텀 스킴 ur를 넣어주었다.
유니버설링크 or 딥링크는 아직까지 호환성 문제에서 완전히 자유롭지 못하기 때문에, 해당 링크들이 동작하지 않을 경우 uri스킴으로 폴백도 가능해서 편리하다!
