Android custom app link with javascript

 

해당 링크를 클릭시 크게 보면 2가지동작이 존재합니다.

1. 앱이 설치되어 있다면 앱으로 이동 후 해당 페이지 실행

2. 앱이 설치되어 있지 않다면 플레이 스토어로 이동하여 앱 설치 유도

 

해당 글은 안드로이드 보다 자바스크립트에서 어떻게 link를 뿌려줘야 되는지 url 형식을 정리목적으로 글을 작성하게 되었습니다.

 

세부적으로 디테일한 내용은 관련된 자료가 많으니 한번 찾아보시고 저는 구현하려면 필수적으로 해야되는 부분만 기술하겠습니다.

 

1. 안드로이드 메니페스트에 인텐트 필터를 설정해 줍니다.

 

<data> 부분에서 scheme 와 host를 설정하는 것이 중요합니다. 이름은 임의로 작성해도 무방합니다.

 

2. 안드로이드 메니페스트에 작성한 값을 토대로 자바스크립에서 Url을 세팅합니다.

 

      const androidUrlScheme = "intent://my_custom_host#Intent;scheme=my_custome_scheme;package=앱패키지네임;end"
      const androidUrlScheme = "intent://my_custom_host?name="+ name +"#Intent;scheme=my_custome_scheme;package=앱패키지네임;end"

 

package 부분에는 앱의 패키지명을 작성해주세요.

 

만약 앱을 실행하는 스키마가 예를 들어 my_custom_host://my_custom_scheme 처럼 다른 인자값이 없다면 첫번째 링크를 사용합니다.

근데 보통 url에 데이터를 붙여서 사용하는 경우가 많을껍니다.

예를 들어 my_custom_host://my_custom_scheme?name="userName" 이런식으로 name을 인자값으로 넘겨야 한다면 두번째 링크처럼 보내주면 됩니다.

 

이렇게 세팅후 모바일에서 링크를 클릭 시 앱이 설치되어 있다면 앱으로 이동하여 로직을 처리하고, 그렇지 않을경우 플레이 스토어로 이동하여 앱 설치를 유도합니다.

 

사실 자바스크립트로 url을 세팅하는 이 부분에서 제대로 된 자료를 찾기가 힘들었습니다. 너무 오래된 자료도 많고 안되는 경우도 많아서 찾는데 애를 먹었습니다.

해당 블로그에 좀 더 자세히 설명되있으니 참고해보셔도 좋을꺼 같습니다. https://androi.tistory.com/364

모바일웹에서 앱 호출하기