앱 개발은 익숙치 않다보니 다양한 상황을 만나게 되는데 이번에는 딥링크 설정에 관한 일이다.

첫 번째 앱에서 웹뷰 사용간 구글 로그인을 구현하기 위해 http, https Shceme을 사용한 딥링크를 설정했다가 고생을 했었는데, 이번엔 이전 앱의 경험을 살려 Custom scheme을 사용했는데도 딥링크가 동작하지 않는 문제가 발생했다.

해결법은 간단했다.

내 딥링크는 my_app 처럼 언더바를 이용해 사용하고 있었는데 Custom tabs 에서 언더바가 들어간 Custom scheme을 인식하지 못했던 것.

확인해보니 Custom scheme은 영어 소문자, 하이픈, 숫자 정도만 사용 가능했다.

Custom scheme을 이용한 딥링크가 동작 가능할 지 예측해보려면 자바스크립트의 URL 오브젝트를 이용해 검사해보면 된다.

new URL('my_app://link.to.somewhere') // 오류 발생

new URL('myapp://link.to.somewhere') // 정상 작동
new URL('my-app://link.to.somewhere') // 정상 작동
new URL('myapp123://link.to.somewhere') // 정상 작동
new URL('myApp://link.to.somewhere') // 정상 작동, 단 `protocol` 속성에서 `myapp` 으로 표시됨

#딥링크설정 #앱개발딥링크 #CustomScheme딥링크 #앱딥링크문제해결 #딥링크오류해결 #모바일앱딥링크 #딥링크CustomScheme #앱개발트러블슈팅 #웹뷰딥링크 #딥링크URL형식 #앱딥링크테스트 #JavaScriptURL객체딥링크 #안드로이드딥링크 #iOS딥링크 #딥링크프로토콜