웹사이트에서 앱실행 및 딥링크

모바일 웹사이트에서 앱실행을 위한 버튼예제입니다.

우선 안드로이드, IOS의 기기분기로 나눈후에

 

1. 앱 설치시 인스타그램 앱실행
2. 앱 미설치시에는 앱마켓으로 이동

 

안드로이드는 하나의 주소형식으로 앱실행과 구글마켓이동이 가능한걸 볼 수 있지만

IOS는 앱실행과 앱스토어 이동이 나누어져 있는걸 확인 할 수 있습니다.

아이폰의 경우 앱의 설치여부를 접근할 수 있는 방법이 없기 때문에 setTimeout으로 시간이 지나도 앱실행이 되지 않으면 앱스토어 경로로 이동하는 함수가 하나 더 딸려있는겁니다ㅎ

 

참고로 안드로이드와 IOS 모두 실행하고자 하는 앱의 값(시그마)은 앱개발자를 통해서 전달받아야 합니다~

 

See the Pen 앱 딥링크 by 장명호 (@jangmang) on CodePen.

 

 

감사합니다 :)