<div id="readability-page-1" class="page"><div><p>카카오톡에서 공유받은 메시지를 클릭했을때 하이브리드 앱(웹뷰) - ios 을 실행시키는 방법을 다룹니다.</p>
<h2 id="상황">상황</h2>
<p><a href="https://devtalk.kakao.com/t/topic/125135/10">카카오 devtalk 문의 결과</a> 자체적인 URL 스킴은 사용할 수 없고 <span>카카오에서 제공하는 커스텀 URL 스킴만 사용 가능</span>합니다.<br>
<img src="https://velog.velcdn.com/images/skyepodium/post/889e298e-55cb-4494-b73b-c64f990c25df/image.png"></p>
<p><a href="https://developers.kakao.com/docs/latest/ko/getting-started/sdk-ios#set-up-url-schemes">iOS 커스텀 URL 스킴 등록 가이드</a> 따라서 해봅시다.</p>
<h2 id="1-커스텀-url-스킴-등록">1. 커스텀 URL 스킴 등록</h2>
<h3 id="1-네이티브-app-키-확인">1) 네이티브 App 키 확인</h3>
<p><img src="https://velog.velcdn.com/images/skyepodium/post/6c3abbca-7928-4eef-89d2-fa03d7fabef6/image.png"></p>
<h3 id="2-xcode에서-커스텀-url-스킴-등록">2) xcode에서 커스텀 URL 스킴 등록</h3>
<p>2개 모두 입력 해줍니다.</p>
<pre><code>kakaof9feb398085a26197c536c27c1695951
kakaof9feb398085a26197c536c27c1695951://kakaolink</code></pre>
<p><img src="https://velog.velcdn.com/images/skyepodium/post/b7d4339f-8504-47d6-8494-cd2b3b37388c/image.png"></p>
<h2 id="2-번들-id-입력">2. 번들 ID 입력</h2>
<h3 id="1-확인">1) 확인</h3>
<p><img src="https://velog.velcdn.com/images/skyepodium/post/b1156f98-418f-4da0-9572-2cd89e1b3582/image.png"></p>
<h3 id="2-입력">2) 입력</h3>
<p><img src="https://velog.velcdn.com/images/skyepodium/post/ceecbb55-69a9-4dac-a770-a9d71280a76a/image.png"></p>
<h2 id="3-메시지-템플릿-빌더-수정">3. 메시지 템플릿 빌더 수정</h2>
<p>iOS 스킴을 열어줍니다.<br>
<img src="https://velog.velcdn.com/images/skyepodium/post/8f04ed12-6b6c-48a0-9549-e0a24b3dae56/image.png"></p>
<h2 id="4-확인">4. 확인</h2>
<p><img src="https://velog.velcdn.com/images/skyepodium/post/fb57b87a-e48e-40b9-b8ee-df6f9c50b16e/image.gif"></p>
<h2 id="5-사용한-코드">5. 사용한 코드</h2>
<p>iOS 저장소 - <a href="https://github.com/skyepodium/kakao-share-hybrid-app-ios">https://github.com/skyepodium/kakao-share-hybrid-app-ios</a><br>
vue 저장소 - <a href="https://github.com/skyepodium/kakao-share">https://github.com/skyepodium/kakao-share</a></p></div></div>

skyepodium.log

카카오톡에서 공유받은 메시지를 클릭했을때 하이브리드 앱(웹뷰) - ios 을 실행시키는 방법을 다룹니다.
상황
카카오 devtalk 문의 결과 자체적인 URL 스킴은 사용할 수 없고 카카오에서 제공하는 커스텀 URL 스킴만 사용 가능합니다.
iOS 커스텀 URL 스킴 등록 가이드 따라서 해봅시다.
1. 커스텀 URL 스킴 등록
1) 네이티브 App 키 확인
2) xcode에서 커스텀 URL 스킴 등록
2개 모두 입력 해줍니다.
kakaof9feb398085a26197c536c27c1695951
kakaof9feb398085a26197c536c27c1695951://kakaolink
2. 번들 ID 입력
1) 확인
2) 입력
3. 메시지 템플릿 빌더 수정
iOS 스킴을 열어줍니다.
4. 확인
5. 사용한 코드
iOS 저장소 - https://github.com/skyepodium/kakao-share-hybrid-app-ios
vue 저장소 - https://github.com/skyepodium/kakao-share

[하이브리드 앱 - iOS] 카카오 공유하기 - 카카오톡 메시지에서 앱 실행하기

댓글