리버스 개발자•11mo ago

자동결제

자동결제(빌링) 서비스 연동 문의 드립니다. 안녕하세요. 현재 서비스에서 자동결제(빌링) 연동중에 있고 연동은 하였으나 궁금한점이 있어 글 남깁니다. 자동결제(빌링)서비스는 promise 형태는 지원을 안하고 있어서 아래 코드 처럼 작성 및 연동 확인을 하였는데요.

const { tossAutomaticPaymentsResponse: response } = await fetchProducePaymentRequest({
      pgServiceCode: 'toss',
      type: 'automatic',
    }).unwrap();

    tossPayments = await loadTossPayments(response.clientKey);
    tossPayments
      .requestBillingAuth('카드', {
        customerKey: response.customerKey,
        successUrl: `${env('APP_BASE_URL')}/test/paygate`,
        failUrl: `${env('APP_BASE_URL')}api/paygate/close`,
      })
      .catch((err) => {
        Object.keys(TossPaymentsErrorCode).forEach((errCode) => {
          if (err.code === errCode) {
            return notify.error(TossPaymentsErrorCode[errCode]);
          } else {
            return notify.error('잠시후 다시 시도해주세요');
          }
        });
      });

const { tossAutomaticPaymentsResponse: response } = await fetchProducePaymentRequest({
      pgServiceCode: 'toss',
      type: 'automatic',
    }).unwrap();

    tossPayments = await loadTossPayments(response.clientKey);
    tossPayments
      .requestBillingAuth('카드', {
        customerKey: response.customerKey,
        successUrl: `${env('APP_BASE_URL')}/test/paygate`,
        failUrl: `${env('APP_BASE_URL')}api/paygate/close`,
      })
      .catch((err) => {
        Object.keys(TossPaymentsErrorCode).forEach((errCode) => {
          if (err.code === errCode) {
            return notify.error(TossPaymentsErrorCode[errCode]);
          } else {
            return notify.error('잠시후 다시 시도해주세요');
          }
        });
      });

successUrl 이나 failUrl로 이동시 현재는 location.href 처럼 이동하기에 사용성이 좀 떨어지는감이 없지않아있어서 router.push 처럼 이동하거나 (promise 방식 미지원이라 안될것이라 예상되긴합니다) ifame 내부에서 이동하는 방식으로는 구현을 할 수 없을지 문의 드립니다.

8 Replies

토스페이먼츠 BOT•11mo ago

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

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

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

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

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

이실장•11mo ago

결제창 쓰실거면 이동해야합니다.

이실장•11mo ago

필요하시면 https://docs.tosspayments.com/guides/billing/integration-api api방식으로 연동하세요

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

고객의 카드 정보를 등록해 빌링키를 얻고 자동결제를 연동하는 방법을 알아보세요.

리버스 개발자OP•11mo ago

안녕하세요 이실장님! 우선 빠른 답변 감사합니다. 해당 내용 확인하였고 추가로 궁금한게 있어 추가 문의드리니 아래 내용 확인 부탁드립니다 자사 다른 서비스에서도 토스페이먼츠 자동결제(빌링) 서비스를 이용하는데요 해당 서비스는 lgXpay 기존 소스를 이용하여 토스페이먼츠 결제창을 띄워서 자동결제(빌링) 연동을 하는데요, 해당 서비스 확인 시 iframe 내부에서 successUrl 이동하는것으로 보이는데 이건 기존 lgXpay 소스를 사용해서 그런걸까요?

이실장•11mo ago

우선 iframe내부에서 이동시키는 방식은 저희가 권장하는 방식이 아닙니다. 추후 어떤 문제가 발생할지 몰라서요

Kimoon Lee•11mo ago

XPAY 와 신규 모듈의 이동방식은 조금 다릅니다. 별도의 방식이라고 생각해 주시기 바랍니다.

리버스 개발자OP•11mo ago

이실장님, 냥과장님 답변 감사합니다~! 참고하여 연동 해보도록하겠습니다~

토스페이먼츠 BOT•11mo ago

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

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

자동결제

Did you find this page helpful?