NAN•8mo ago

빌링관련 문의 드립니다

빌링 관련 샘플에 nextJS가 없던데 nextJS는 호환이 안되는걸까요? 현재 백엔드로 nextJS를 이용중입니다. node를 참고하면 되는지 문의드립니다. https://github.com/tosspayments/billing-samples/tree/main/billing-auth-window

GitHub

billing-samples/billing-auth-window at main · tosspayments/billing-...

토스페이먼츠 빌링(자동결제) 연동 샘플 프로젝트입니다. Contribute to tosspayments/billing-samples development by creating an account on GitHub.

29 Replies

토스페이먼츠 BOT•8mo ago

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

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

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

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

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

김차장•8mo ago

빌링관련 API 사용 개념을 동일하게 구현하시면 되는거라서 node 를 참고하셔도 좋습니다.

NANOP•8mo ago

빌링 카드등록 화면을 그대로 이용하고 싶은데 node를 참고하면 될까요?

김차장•8mo ago

front 단 카드등록 화면은 html + js 로 쓰시면됩니다.

김차장•8mo ago

여기에 있는 코드로 띄워서 authKey 를 받으시고 node 로 backend 통신하시면 됩니다 https://docs.tosspayments.com/guides/billing/integration#1-%EA%B3%A0%EA%B0%9D-%EC%B9%B4%EB%93%9C-%EB%93%B1%EB%A1%9D%ED%95%98%EA%B8%B0

자동결제(빌링) 결제창 연동하기 | 토스페이먼츠 개발자센터

자동결제는 다른 이름으로 빌링, 또는 정기결제로 불리는 결제 방식입니다. 카드 등록창에서 고객의 카드를 한 번만 등록하고 나면, 별도의 고객 인증 없이 간편하게 결제를 요청할 수 있습니다.

NANOP•8mo ago

자동 결제(빌링) 계약이 안 되어 있습니다. 라는 멘트가 나오는데 혹시 이유를 알 수 있을까요?

Ayaan•8mo ago

사용하신 MID가 빌링계약이 되어있지 않은 MID인 경우 발생합니다. 넣어주신 키값이 bill_ 혹은 b_로 시작하는 MID의 것인지 확인해 주세요.

NANOP•8mo ago

현재 결제위젯이 연동되어있는 상점인데 MID를 새로 파야하나요?

Ayaan•8mo ago

빌링은 결제위젯으로 사용이 불가능합니다. 자동결제(빌링) 청약을 추가하여 bill_ 로 시작하는 MID를 하나 새로 발급받으셔야합니다.

NANOP•8mo ago

지금 현재 자동결제(빌링)이 추가 되어있는 상태가 아닌건가요?

김차장•8mo ago

상점아이디를 전달주신적이 없어서 확인이 어려운데요 계약이 된 상점아이디 전달부탁드립니다

NANOP•8mo ago

lawinners 입니다!

김차장•8mo ago

일반결제 방식으로 계약되어있습니다 빌링은 Ayaan 님이 언급하신대로 별도 상점아이디 생성을 하셔야해요 (비인증 결제로 분류되어 카드사 심사 과정도 별도입니다)

NANOP•8mo ago

그럼 현재 빌링 방식이 계약이 안되어있는 상태인걸까요?

김차장•8mo ago

개발은 위에 링크드렸던 Docs페이지의 html 만 호출하셔도 바로 확인가능해요

<head>
  <title>결제하기</title>
  <meta charset="utf-8" />
  <!-- 토스페이먼츠 결제창 SDK 추가 -->
  <script src="https://js.tosspayments.com/v1/payment"></script>
</head>
<body>
  <script>
    // ------ 클라이언트 키로 객체 초기화 ------
    var clientKey = 'test_ck_Lex6BJGQOVDBb1pd6ma8W4w2zNbg'
    var tossPayments = TossPayments(clientKey)
    tossPayments
      .requestBillingAuth('카드', {
        // 결제수단 파라미터 (자동결제는 카드만 지원합니다.)
        // 결제 정보 파라미터
        customerKey: 'VYzHcYAi-g28BJVCdEjBr', // 구매자 ID로 상점에서 만들어야 합니다. 빌링키와 매핑됩니다. 자세한 파라미터 설명은 파라미터 설명을 참고하세요: https://docs.tosspayments.com/reference/js-sdk#결제-정보-5
        successUrl: 'https://my-store.com/success', // 카드 등록에 성공하면 이동하는 페이지(직접 만들어주세요)
        failUrl: 'https://my-store.com/fail', // 카드 등록에 실패하면 이동하는 페이지(직접 만들어주세요)
      })
      .catch(function (error) {
        if (error.code === 'USER_CANCEL') {
          // 결제 고객이 결제창을 닫았을 때 에러 처리
        }
      })
  </script>
</body>

<head>
  <title>결제하기</title>
  <meta charset="utf-8" />
  <!-- 토스페이먼츠 결제창 SDK 추가 -->
  <script src="https://js.tosspayments.com/v1/payment"></script>
</head>
<body>
  <script>
    // ------ 클라이언트 키로 객체 초기화 ------
    var clientKey = 'test_ck_Lex6BJGQOVDBb1pd6ma8W4w2zNbg'
    var tossPayments = TossPayments(clientKey)
    tossPayments
      .requestBillingAuth('카드', {
        // 결제수단 파라미터 (자동결제는 카드만 지원합니다.)
        // 결제 정보 파라미터
        customerKey: 'VYzHcYAi-g28BJVCdEjBr', // 구매자 ID로 상점에서 만들어야 합니다. 빌링키와 매핑됩니다. 자세한 파라미터 설명은 파라미터 설명을 참고하세요: https://docs.tosspayments.com/reference/js-sdk#결제-정보-5
        successUrl: 'https://my-store.com/success', // 카드 등록에 성공하면 이동하는 페이지(직접 만들어주세요)
        failUrl: 'https://my-store.com/fail', // 카드 등록에 실패하면 이동하는 페이지(직접 만들어주세요)
      })
      .catch(function (error) {
        if (error.code === 'USER_CANCEL') {
          // 결제 고객이 결제창을 닫았을 때 에러 처리
        }
      })
  </script>
</body>

다른 상점아이디도 확인해볼게요 잠시만요

NANOP•8mo ago

빌링 방식이랑 브랜드페이 방식 둘다 계약이 안되있는거죠?

Ayaan•8mo ago

네 맞습니다. 네 그렇습니다. 브랜드페이도 역시나 cp_ 로 시작하는 형태의 별개 MID 계약이 있어야합니다.

김차장•8mo ago

네 둘다 안되어있어요 뭔가 중간 커뮤니케이션이 빠지셨나보네요

NANOP•8mo ago

알겠습니다.

Ayaan•8mo ago

정리해 드리면, 1. 현재 일반결제만 이용할 수 있는 계약만 되어있습니다. 2. 빌링/브랜드페이 이용을 하려면 추가 계약이 필요합니다. 3. 추가 계약은 고객센터 1544-7772로 연락하셔서 커뮤니케이션 해주시면 됩니다. 4. 계약이 완료되면, 새로 발급받은 빌링용 MID의 API 개별 연동키를 이용하여 결제창 호출이 가능합니다.

토스페이먼츠 BOT•8mo ago

토스페이먼츠 결제연동팀

빠르고 정확한 결제연동 경험을 위해, 디스코드에서는 기술 문의만 받고 있습니다. 계약 및 운영 관련 문의는 1544-7772나 홈페이지 상담을 이용해주세요. 감사합니다.

NANOP•8mo ago

이 말씀은 현재 계약이 안되어있어도 테스트는 해볼수있다는말씀이실까요?

유부장•8mo ago

빌링은, 온라인에 공개된 키로는 테스트가 불가 한 것으로 이해해 주시고, 가장 먼저 계약 가능 여부를 확인하고 * 빌링은 판매상품 등 리스크 정책에 따라 계약 가능 여부 확인이 선행 되어야 합니다. 계약진행 하신 후에, 발급된 MID 의 테스트키로 테스트 연동 진행을 해주시면 되겠습니다.

NANOP•8mo ago

브랜드페이는 테스트 해볼 수 있을까요?

유부장•8mo ago

브랜드페이도 계약이 선행 되어야 합니다. * access token 발급 하는 redirectUrl 등록을 위해 계약된 MID 가 존재 해야 함

NANOP•8mo ago

브랜드페이도 따로 앞에 B같은게 붙나요? 빌링처럼 여기에 밑에 떠있는항목은 그냥 임시로 보여지는건가요?

유부장•8mo ago

브랜드페이 MID 는 보통 cp_ 가 앞에 붙습니다. 이건 계약 하시면 안내 받으실 겁니다. 이 내용은 API 개별 연동키는 이러한 결제 제품을 연동할때 사용하셔라, 라는 안내 문구 입니다.

NANOP•8mo ago

자동결제(빌링) 기존 결제창 정산지급대행 태그들 입니다! 아하 알겠습니다 감사합니다!

토스페이먼츠 BOT•8mo ago

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

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