URI scheme 이동하였을 때, 앱 설치 안된 사용자들은 safari가 해당 페이지를 열 수 없습니다.

Question

현재 Vue.js로 웹 페이지 작업 중입니다. Safari의 오류 메시지를 피하면서, 앱이 설치된 경우에는 앱으로, 설치되지 않은 경우에는 앱 스토어로 리디렉션하는 방법을 찾고 있습니다.며칠 동안 문제를 해결하지 못해 질문을 남깁니다. ㅠㅠ구현 사용자가 버튼을 클릭 하였을 때, 설치 된 회원은 앱으로 이동.앱이 설치된 사용자는 앱으로 이동.앱이 설치되지 않은 사용자는 setTimeout을 통해 앱 스토어로 이동.const openOrRedirect &#61; (schemeUrl, storeUrl) &#61;> { // URI scheme으로 앱 실행 window.location.href &#61; schemeUrl; // “주소가 유효하지 않기 때문에 Safari가 해당 페이지를 열 수 없습니다.” 보기전에 앱스토어 오픈 setTimeout(() &#61;> { window.location.href &#61; storeUrl; }, 10); }; 문제점앱이 설치되지 않은 경우, “주소가 유효하지 않기 때문에 Safari가 해당 페이지를 열 수 없습니다.” 오류 메시지가 출력된 이후에야 앱 스토어로 이동하게 됩니다.오류를 보여주지 않기 위해 setTimeout을 1초 미만으로 설정하면, 앱이 설치된 사용자도 앱이 열리고 나서 앱 스토어로 이동하는 문제가 발생합니다.시도한 방법iframe 사용 : ios9.2이후로 적용되지 않음visibilitychange event : setTimeout을 1초 미만으로 설정 시 제대로 작동하지 않음. (이유 추측: 너무 짧은 시간 내에 페이지 상태 변화가 감지되지 않아서 이벤트가 트리거되지 않음상황과 시도한 내용들을 작성하였는데, 이해되지 않는 부분은 질문 주시면 더 설명드리도록 하겠습니다. 감사합니다.

2eue2 · Answer

저는 ios 15 버전일 때 딥링크 구현을 했었는데요.uri scheme 이슈 사항이 많아서 android는 앱링크, ios는 유니버설로 구현 했습니다.현재 deprecated 된 메서드도 많아 졌을텐데, 유니버설로 구현 해 보시는 건 어떨까요

URI scheme 이동하였을 때, 앱 설치 안된 사용자들은 safari가 해당 페이지를 열 수 없습니다.

1개의 답변

#deeplink 목록