CHP9419•17h ago

api 개별 연동 키

안녕하세요 개별 연동키를 이용하여 클라이언트 단에서 결제창 띄우려면 브라우저 통해서 띄울수 밖에 없나요?

16 Replies

토스페이먼츠 BOT•17h ago

⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다

오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.

- 주문번호(orderId) : - 문의 내용 :

(img를 함께 첨부해주시면 도움이됩니다)

* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.

Ayaan•16h ago

어떤 기기에서 결제창을 띄우려고 하시는건가요? 모바일 앱이라면 일반 결제창도 동일하게 띄울 수 있습니다.

CHP9419•16h ago

리액트네이티브 에서 결제창 띄우려고 합니다. 한가지 질문이 더 있는데요! 리액트네이티브 v2 지원이 안되서 v1으로 하라고 디코에서본적이 있습니다 v1으로 연동하려면 개별연동키 사용이 불가한가요?

Ayaan•16h ago

리액트네이티브에서, TossPayments SDK를 이용하시려면 결제위젯만 가능합니다. API 개별연동키를 이용하는 일반 결제창은 웹뷰로만 이용이 가능합니다.

CHP9419•16h ago

빠른 답변 감사합니다.

Ayaan•16h ago

v2 SDK: https://docs.tosspayments.com/guides/v2/payment-window

결제창 이해하기 | 토스페이먼츠 개발자센터

주문서 UI는 직접 만들고 각 결제수단의 결제창을 연동하세요.

Ayaan•16h ago

위 SDK로 웹에서 결제를 구현을 하시고

Ayaan•16h ago

React_Native_.pdf

Ayaan•16h ago

위 PDF 문서 참고하여 해당 웹뷰를 RN에 연동하시면 됩니다.

CHP9419•16h ago

감사합니다!

Ayaan•16h ago

해당 PDF 문서가 조금 오래되어서, 등록해야하는 앱스킴 목록에 변동이 있을 수 있어 아래 XML문서를 참고해주시는 것도 좋습니다. Android

// AndroidManifest.xml
<queries>
  <package android:name="com.kakao.talk" /> <!-- 카카오톡 -->
  <package android:name="com.nhn.android.search" /> <!-- 네이버페이 -->
  <package android:name="com.samsung.android.spay" /> <!-- 삼성페이 -->
  <package android:name="net.ib.android.smcard" /> <!-- 모니모페이 -->
  <package android:name="com.mobiletoong.travelwallet" /> <!-- 신한카드 트레블월렛 -->\
  <package android:name="com.samsung.android.spaylite" /> <!-- 삼성페이 -->
  <package android:name="com.ssg.serviceapp.android.egiftcertificate" /> <!-- SSGPAY -->
  <package android:name="com.nhnent.payapp" /> <!-- PAYCO -->
  <package android:name="com.lottemembers.android" /> <!-- L.POINT -->
  <package android:name="viva.republica.toss" /> <!-- 토스-->
  <package android:name="com.shinhan.smartcaremgr" /> <!-- 신한 슈퍼SOL -->
  <package android:name="com.shcard.smartpay" /> <!-- 신한페이판 -->
  <package android:name="com.shinhancard.smartshinhan" /> <!-- 신한페이판-공동인증서 -->
  <package android:name="com.hyundaicard.appcard" /> <!-- 현대카드 -->
  <package android:name="com.lumensoft.touchenappfree" /> <!-- 현대카드-공동인증서 -->
  <package android:name="kr.co.samsungcard.mpocket" /> <!-- 삼성카드 -->
  <package android:name="nh.smart.nhallonepay" /> <!-- 올원페이 -->
  <package android:name="com.kbcard.cxh.appcard" /> <!-- KB Pay -->
  <package android:name="com.kbstar.liivbank" /> <!-- Liiv(KB국민은행) -->
  <package android:name="com.kbstar.reboot" /> <!-- Liiv Reboot(KB국민은행) -->
  <package android:name="com.kbstar.kbbank" /> <!-- 스타뱅킹(KB국민은행) -->
  <package android:name="kvp.jjy.MispAndroid320" /> <!-- ISP/페이북 -->
  <package android:name="com.lcacApp" /> <!-- 롯데카드 -->
  <package android:name="com.hanaskcard.paycla" /> <!-- 하나카드 -->
  <package android:name="com.hanaskcard.rocomo.potal" />  <!--하나카드-->
  <package android:name="kr.co.hanamembers.hmscustomer" /> <!-- 하나멤버스 -->
  <package android:name="kr.co.citibank.citimobile" /> <!-- 씨티모바일 -->
  <package android:name="com.wooricard.wpay" /> <!-- 우리페이 -->
  <package android:name="com.wooricard.smartapp" /> <!-- 우리카드 -->
  <package android:name="com.wooribank.smart.npib" /> <!-- 우리WON뱅킹 -->
  <package android:name="com.lguplus.paynow" /> <!-- 페이나우 -->
  <package android:name="com.kftc.bankpay.android" /> <!-- 뱅크페이 -->
  <package android:name="com.TouchEn.mVaccine.webs" /> <!-- TouchEn mVaccine (신한) -->
  <package android:name="kr.co.shiftworks.vguardweb" /> <!-- V-Guard (삼성) -->
  <package android:name="com.ahnlab.v3mobileplus" /> <!-- V3 (NH, 현대) -->
</queries>

// AndroidManifest.xml
<queries>
  <package android:name="com.kakao.talk" /> <!-- 카카오톡 -->
  <package android:name="com.nhn.android.search" /> <!-- 네이버페이 -->
  <package android:name="com.samsung.android.spay" /> <!-- 삼성페이 -->
  <package android:name="net.ib.android.smcard" /> <!-- 모니모페이 -->
  <package android:name="com.mobiletoong.travelwallet" /> <!-- 신한카드 트레블월렛 -->\
  <package android:name="com.samsung.android.spaylite" /> <!-- 삼성페이 -->
  <package android:name="com.ssg.serviceapp.android.egiftcertificate" /> <!-- SSGPAY -->
  <package android:name="com.nhnent.payapp" /> <!-- PAYCO -->
  <package android:name="com.lottemembers.android" /> <!-- L.POINT -->
  <package android:name="viva.republica.toss" /> <!-- 토스-->
  <package android:name="com.shinhan.smartcaremgr" /> <!-- 신한 슈퍼SOL -->
  <package android:name="com.shcard.smartpay" /> <!-- 신한페이판 -->
  <package android:name="com.shinhancard.smartshinhan" /> <!-- 신한페이판-공동인증서 -->
  <package android:name="com.hyundaicard.appcard" /> <!-- 현대카드 -->
  <package android:name="com.lumensoft.touchenappfree" /> <!-- 현대카드-공동인증서 -->
  <package android:name="kr.co.samsungcard.mpocket" /> <!-- 삼성카드 -->
  <package android:name="nh.smart.nhallonepay" /> <!-- 올원페이 -->
  <package android:name="com.kbcard.cxh.appcard" /> <!-- KB Pay -->
  <package android:name="com.kbstar.liivbank" /> <!-- Liiv(KB국민은행) -->
  <package android:name="com.kbstar.reboot" /> <!-- Liiv Reboot(KB국민은행) -->
  <package android:name="com.kbstar.kbbank" /> <!-- 스타뱅킹(KB국민은행) -->
  <package android:name="kvp.jjy.MispAndroid320" /> <!-- ISP/페이북 -->
  <package android:name="com.lcacApp" /> <!-- 롯데카드 -->
  <package android:name="com.hanaskcard.paycla" /> <!-- 하나카드 -->
  <package android:name="com.hanaskcard.rocomo.potal" />  <!--하나카드-->
  <package android:name="kr.co.hanamembers.hmscustomer" /> <!-- 하나멤버스 -->
  <package android:name="kr.co.citibank.citimobile" /> <!-- 씨티모바일 -->
  <package android:name="com.wooricard.wpay" /> <!-- 우리페이 -->
  <package android:name="com.wooricard.smartapp" /> <!-- 우리카드 -->
  <package android:name="com.wooribank.smart.npib" /> <!-- 우리WON뱅킹 -->
  <package android:name="com.lguplus.paynow" /> <!-- 페이나우 -->
  <package android:name="com.kftc.bankpay.android" /> <!-- 뱅크페이 -->
  <package android:name="com.TouchEn.mVaccine.webs" /> <!-- TouchEn mVaccine (신한) -->
  <package android:name="kr.co.shiftworks.vguardweb" /> <!-- V-Guard (삼성) -->
  <package android:name="com.ahnlab.v3mobileplus" /> <!-- V3 (NH, 현대) -->
</queries>

iOS

//Info.plist
<key>LSApplicationQueriesSchemes</key>
  <array>
    <string>supertoss</string>
    <string>kb-acp</string>
    <string>liivbank</string>
    <string>newliiv</string>
    <string>kbbank</string>
    <string>nhappcardansimclick</string>
    <string>nhallonepayansimclick</string>
    <string>nonghyupcardansimclick</string>
    <string>lottesmartpay</string>
    <string>lotteappcard</string>
    <string>mpocket.online.ansimclick</string>
    <string>ansimclickscard</string>
    <string>tswansimclick</string>
    <string>ansimclickipcollect</string>
    <string>vguardstart</string>
    <string>samsungpay</string>
    <string>scardcertiapp</string>
    <string>shinhan-sr-ansimclick</string>
    <string>smshinhanansimclick</string>
    <string>com.wooricard.wcard</string>
    <string>newsmartpib</string>
    <string>citispay</string>
    <string>citicardappkr</string>
    <string>citimobileapp</string>
    <string>cloudpay</string>
    <string>hanawalletmembers</string>
    <string>hdcardappcardansimclick</string>
    <string>smhyundaiansimclick</string>
    <string>shinsegaeeasypayment</string>
    <string>payco</string>
    <string>lpayapp</string>
    <string>ispmobile</string>
    <string>tauthlink</string>
    <string>ktauthexternalcall</string>
    <string>upluscorporation</string>
    <string>kftc-bankpay</string>
    <string>kakaotalk</string>
    <string>wooripay</string>
    <string>lmslpay</string>
    <string>naversearchthirdlogin</string>
    <string>hanaskcardmobileportal</string>
    <string>kb-bankpay</string>
  </array>

//Info.plist
<key>LSApplicationQueriesSchemes</key>
  <array>
    <string>supertoss</string>
    <string>kb-acp</string>
    <string>liivbank</string>
    <string>newliiv</string>
    <string>kbbank</string>
    <string>nhappcardansimclick</string>
    <string>nhallonepayansimclick</string>
    <string>nonghyupcardansimclick</string>
    <string>lottesmartpay</string>
    <string>lotteappcard</string>
    <string>mpocket.online.ansimclick</string>
    <string>ansimclickscard</string>
    <string>tswansimclick</string>
    <string>ansimclickipcollect</string>
    <string>vguardstart</string>
    <string>samsungpay</string>
    <string>scardcertiapp</string>
    <string>shinhan-sr-ansimclick</string>
    <string>smshinhanansimclick</string>
    <string>com.wooricard.wcard</string>
    <string>newsmartpib</string>
    <string>citispay</string>
    <string>citicardappkr</string>
    <string>citimobileapp</string>
    <string>cloudpay</string>
    <string>hanawalletmembers</string>
    <string>hdcardappcardansimclick</string>
    <string>smhyundaiansimclick</string>
    <string>shinsegaeeasypayment</string>
    <string>payco</string>
    <string>lpayapp</string>
    <string>ispmobile</string>
    <string>tauthlink</string>
    <string>ktauthexternalcall</string>
    <string>upluscorporation</string>
    <string>kftc-bankpay</string>
    <string>kakaotalk</string>
    <string>wooripay</string>
    <string>lmslpay</string>
    <string>naversearchthirdlogin</string>
    <string>hanaskcardmobileportal</string>
    <string>kb-bankpay</string>
  </array>

CHP9419•16h ago

감사합니다!

토스페이먼츠 BOT•16h ago

❤️ 기술문의 경험이 어떠셨나요?!

간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.

CHP9419•15h ago

상점관리자에서 결제 UI 설정에서 브랜드 페이 추가해서 이용하게 되면 API 개별 연동키로 사용이 가능할까요?

Ayaan•15h ago

아니요, 결제위젯과는 별개의 상품입니다. 결제 UI 설정한 UI를 이용하시려면 결제위젯을 이용하셔야 하고, 결제위젯연동키로만 이용 가능합니다.

CHP9419•15h ago

답변 감사합니다!