박선우
박선우3d ago

인앱 브라우저에서 토스 결제 위젯이 결제 수단을 불러오지 못하는 문제

안녕하세요. 이전 문의에서 인앱브라우저에서 결제 위젯부터 띄우는 방법을 알려주셔서, Capacitor를 이용한 인앱브라우저에서 결제 위젯을 렌더링하고 있습니다. 인앱 브라우저에서 결제 위젯이 있는 페이지는 정상 렌더링하고 있으나, 결제 위젯은 토스에서 제공하는 "결제수단 확인 중" -> "잠시만 기다려주세요" 라는 텍스트와 함께 무한 로딩에 걸립니다. 어떤 케이스에 해당 에러가 발생할 수 있는지 알 수 있을까요? 결제 위젯을 렌더링하는 코드는 아래와 같습니다.
// 결제위젯 렌더링
useEffect(() => {
if (!paymentWidget) return;

// 결제위젯 렌더링
const paymentMethodsWidget = paymentWidget.renderPaymentMethods(
'#payment-widget',
{ value: paymentData.price },
{ variantKey: 'DEFAULT' },
);

// 이용약관 렌더링
paymentWidget.renderAgreement('#agreement', {
variantKey: 'AGREEMENT',
});

// 결제 UI 렌더링 완료 이벤트
paymentMethodsWidget.on('ready', () => {
alert('[PaymentContent] 결제위젯 렌더링 완료');
paymentMethodsWidgetRef.current = paymentMethodsWidget;
setIsPaymentMethodsWidgetReady(true);
});
}, [paymentWidget, paymentData.price]);
// 결제위젯 렌더링
useEffect(() => {
if (!paymentWidget) return;

// 결제위젯 렌더링
const paymentMethodsWidget = paymentWidget.renderPaymentMethods(
'#payment-widget',
{ value: paymentData.price },
{ variantKey: 'DEFAULT' },
);

// 이용약관 렌더링
paymentWidget.renderAgreement('#agreement', {
variantKey: 'AGREEMENT',
});

// 결제 UI 렌더링 완료 이벤트
paymentMethodsWidget.on('ready', () => {
alert('[PaymentContent] 결제위젯 렌더링 완료');
paymentMethodsWidgetRef.current = paymentMethodsWidget;
setIsPaymentMethodsWidgetReady(true);
});
}, [paymentWidget, paymentData.price]);
4 Replies
토스페이먼츠 BOT
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
today.lastday
today.lastday3d ago
오늘 시간이 늦어 자세한 확인이 어려울 것 같습니다. mid와 렌더링 요청했던 시간 남겨주시면 다음주 확인 도와드리겠습니다.
이실장
이실장3d ago
영상도 남겨놔주세요
박선우
박선우OP2d ago
네, 요청하신 영상 및 정보 보내드립니다. 확인 부탁드립니다! - mid: monandol - 렌더링 요청 시간: 25년 8월 23일(토) 오후 3시 58분 *참고로, IOS에서만 해당 이슈가 발생되고, 안드로이드와 웹에서는 정상적으로 동작합니다.

Did you find this page helpful?