수민 Comments - Toss payments 개발자 커뮤니티

수민

Posts Comments

TPToss payments 개발자 커뮤니티

•Created by 수민 on 8/23/2024 in #❓┃연동개발-문의

페이팔 INVALID_AMOUNT_VALUE 오류

네 V2였습니다!

9 replies

TPToss payments 개발자 커뮤니티

•Created by 수민 on 11/14/2023 in #❓┃연동개발-문의

페이팔

감사합니다 🙂

5 replies

TPToss payments 개발자 커뮤니티

•Created by 김용휘 on 10/12/2023 in #❓┃연동개발-문의

해외결제(페이팔) 결제 위젯 관련 문의드립니다.

const clientKey = process.env.NEXT_PUBLIC_TOSSPAYMENTS_CLIENT_KEY as string;

export default function Toss() {
  const paymentWidgetRef = useRef<PaymentWidgetInstance | null>(null);
  const paymentMethodsWidgetRef = useRef<ReturnType<
    PaymentWidgetInstance["renderPaymentMethods"]
  > | null>(null);

  useAsync(async () => {
    const paymentWidget = await loadPaymentWidget(clientKey, ANONYMOUS); // 비회원 결제

    // ------  결제위젯 렌더링 ------
    const paymentMethodsWidget = paymentWidget.renderPaymentMethods(
      "#payment-method",
      {
        value: 664.98,
        currency: "USD", // USD 통화만 지원
        country: "US", // ISO-3166의 두 자리 국가 코드 모두 지원
      }
      // { variantKey: "PAYPAL" }
    );

    // ------  이용약관 렌더링 ------
   paymentWidget.renderAgreement("#agreement");

    paymentWidgetRef.current = paymentWidget;
    paymentMethodsWidgetRef.current = paymentMethodsWidget;
  }, []);

  return (
    <main>
      <h1>토스페이먼츠 위젯 연동</h1>
      <div id="payment-method" style={{ width: "100%" }} />
      <div id="agreement" style={{ width: "100%" }} />
      <Button variant={"primary"} onClick={handleClick}>
        결제하기
      </Button>
    </main>
  );
}

const clientKey = process.env.NEXT_PUBLIC_TOSSPAYMENTS_CLIENT_KEY as string;

export default function Toss() {
  const paymentWidgetRef = useRef<PaymentWidgetInstance | null>(null);
  const paymentMethodsWidgetRef = useRef<ReturnType<
    PaymentWidgetInstance["renderPaymentMethods"]
  > | null>(null);

  useAsync(async () => {
    const paymentWidget = await loadPaymentWidget(clientKey, ANONYMOUS); // 비회원 결제

    // ------  결제위젯 렌더링 ------
    const paymentMethodsWidget = paymentWidget.renderPaymentMethods(
      "#payment-method",
      {
        value: 664.98,
        currency: "USD", // USD 통화만 지원
        country: "US", // ISO-3166의 두 자리 국가 코드 모두 지원
      }
      // { variantKey: "PAYPAL" }
    );

    // ------  이용약관 렌더링 ------
   paymentWidget.renderAgreement("#agreement");

    paymentWidgetRef.current = paymentWidget;
    paymentMethodsWidgetRef.current = paymentMethodsWidget;
  }, []);

  return (
    <main>
      <h1>토스페이먼츠 위젯 연동</h1>
      <div id="payment-method" style={{ width: "100%" }} />
      <div id="agreement" style={{ width: "100%" }} />
      <Button variant={"primary"} onClick={handleClick}>
        결제하기
      </Button>
    </main>
  );
}