[질문]
안녕하세요. 클립 지갑을 웹에 연동하려고 하고 있습니다.
기존에 next.js 를 사용하는 과정에서 klip sdk 가 ssr 환경에서 동작하지 않는다는 것을 알고 csr 환경에서 다시 시도하려고 하는데요. 그 과정에서 궁금한 점이 있어서 질문 남깁니다!
1. Klip 은 next.js 및 SSR 을 서포트하지 않는 것이 아니라 웹 또는 모바일 웹을 서포트하지 않는 것으로 알고 있는데 이게 맞나요?
이렇게 생각한 이유는
- api 서비스 이름 자체가 web2app 이 아닌 app2app 이고
- prepare 메소드의 successLink, failLink 가 모두 웹 url 이 아니라, 모바일 deeplink 를 지원하니까요!
제가 잘못 알고 있다면, 웹이나 모바일 웹에서 klip 을 연동할 수 있는지, 어떤 문서를 참고하면 되는지 등을 답변 부탁드리겠습니다.
2. 이전에 웹앱에서의 klip 연동 관련하여 저희 커뮤니티 팀에서 klip 팀의 yoshi.shin@groundx.xyz님께 문의를 했었는데
Webapp 에 Klip 월렛을 연동하고 싶다면 https://docs.klipwallet.com/tutorial/tutorial-a2a-rest-api
을 참고하라고 답변해주셨습니다.
보내주신 링크를 참고하여 Klip 월렛 연동을 구현하려고 하니, 우선 해당 App2App SDK 가 모바일 Deeplink 만 callback 으로 지원하는데, 모바일 웹에서는 어떻게 이 튜토리얼을 따라갈 수 있는지 잘 이해가 가지 않습니다. 모바일 deep link 만을 제공하는 것으로 보이는데, 이는 모바일 앱에서만 동작하지 않나요? 저희같은 모바일 웹 환경에서 이걸 어떻게 활용하라는 것인지 docs 에서 찾을 수 없어 잘 이해가 가지 않습니다.
보내주신 링크를 참고하여 Klip 월렛 연동을 구현하려고 하니, 우선 해당 App2App SDK 가 모바일 Deeplink 만 callback 으로 지원하는데, 모바일 웹에서는 어떻게 이 튜토리얼을 따라갈 수 있는지 잘 이해가 가지 않습니다. 모바일 deep link 만을 제공하는 것으로 보이는데, 이는 모바일 앱에서만 동작하지 않나요? 저희같은 모바일 웹 환경에서 이걸 어떻게 활용하라는 것인지 docs 에서 찾을 수 없어 잘 이해가 가지 않습니다.
정리하면, 카카오에서 클립 정보 허용을 한 후 모바일 웹으로 돌아오면 모바일 웹 입장에서는 어떻게 Klip 에서 제공한 정보(klip 지갑 주소 등)을 받을 수 있나요? (Deep link 로는 모바일 웹에서는 받을 수 없으니까요)
답변 부탁드립니다.
항상 노고에 감사합니다.
[답변]
안녕하세요 :)
1. 모바일웹에서 사용 가능합니다. 다만 말씀해주신 것처럼 옵셔널로 제공되는 callback URL은 모바일 전용기능이라서 웹에서는 사용 불가합니다. 참고로 웹에서는 REST API나 JS SDK를 사용하시어 app2app을 구현하시면 됩니다.
- https://docs.klipwallet.com/tutorial/tutorial-a2a-rest-api
- 웹 연동 참고 사이트 : https://klayswap.com
2. 위에 설명드린 것처럼 모바일웹은 callback URL을 사용할 수 없기 때문에 사용자에게 해당 웹앱으로 다시 돌아가도록 안내창을 띄워주고 있습니다. 간단히 테스트앱을 작성하여 플로우를 확인해보시면 이해하실 수 있을 것 같습니다.
감사합니다.