8 replies

결제위젯 Version 2 연동 시 결제금액 설정 관련 문의

안녕하세요, 개발중인 사이트에 결제위젯 Version 2를 연동중에 있습니다.

사용 개발언어는 PHP입니다.
(연동 가이드 페이지 에서 Client: Javascript / Server: PHP 코드를 참고하고 있습니다.)

결제창 호출 샘플 페이지를 생성 후 접근하여

결제위젯 객체(widgets)

결제위젯 객체(widgets)

의 setAmount()를 동작시켜 보았습니다.

하지만 첨부된 세 번째 이미지처럼

amount

amount

변수가 선언되지 않은 것으로 오류 메시지가 출력되고 있습니다.

연동 가이드 페이지 소스코드에는 나와있지 않지만

amount를 Javascript 변수로 선언해야 하는지

amount를 Javascript 변수로 선언해야 하는지

문의드립니다.

아래는 당사측에서 작성한 결제창 호출 페이지 코드의 일부입니다.

<!-- TODO more HTML 태그 -->
<script src="https://js.tosspayments.com/v2/standard"></script>
<script>
  main();
  
  async function main() {
      const button = document.getElementById('payment-button');
      const coupon = document.getElementById('coupon-box');
      const clientKey = '<?php echo $ck; ?>';
      const tossPayments = TossPayments(clientKey);
      const customerKey = <?php echo !empty($member['mb_id']) ? "'" . gernerate_uuid() . "'" : "TossPayments.ANONYMOUS"; ?>;
      // TODO 브랜드페이 사용을 위한 변수 선언
      const brandpay = {
          redirectUrl: window.location.origin + '/board/payments/tosspayments/experience/brandpay_oauth.php',
      };
      // FIXME amount 선언
      const amount = <?php echo $amount; ?>;
  
      /*
       * TODO more code...
       * 1. 결제위젯 인스턴스 생성
       * 2. 결제 금액 설정
       * 3. 기타 등등...
       */
  }
</script>

<!-- TODO more HTML 태그 -->
<script src="https://js.tosspayments.com/v2/standard"></script>
<script>
  main();
  
  async function main() {
      const button = document.getElementById('payment-button');
      const coupon = document.getElementById('coupon-box');
      const clientKey = '<?php echo $ck; ?>';
      const tossPayments = TossPayments(clientKey);
      const customerKey = <?php echo !empty($member['mb_id']) ? "'" . gernerate_uuid() . "'" : "TossPayments.ANONYMOUS"; ?>;
      // TODO 브랜드페이 사용을 위한 변수 선언
      const brandpay = {
          redirectUrl: window.location.origin + '/board/payments/tosspayments/experience/brandpay_oauth.php',
      };
      // FIXME amount 선언
      const amount = <?php echo $amount; ?>;
  
      /*
       * TODO more code...
       * 1. 결제위젯 인스턴스 생성
       * 2. 결제 금액 설정
       * 3. 기타 등등...
       */
  }
</script>

연동하기 | 토스페이먼츠 개발자센터

토스페이먼츠의 간편한 결제 연동 과정을 한눈에 볼 수 있습니다. 각 단계별 설명과 함께 달라지는 UI와 코드를 확인해보세요.

결제위젯 Version 2 연동 시 결제금액 설정 관련 문의

결제위젯 객체(widgets)

결제위젯 객체(widgets)

의 setAmount()를 동작시켜 보았습니다.

하지만 첨부된 세 번째 이미지처럼

amount

amount

변수가 선언되지 않은 것으로 오류 메시지가 출력되고 있습니다.

연동 가이드 페이지 소스코드에는 나와있지 않지만

amount를 Javascript 변수로 선언해야 하는지

amount를 Javascript 변수로 선언해야 하는지

문의드립니다.

아래는 당사측에서 작성한 결제창 호출 페이지 코드의 일부입니다.

<!-- TODO more HTML 태그 -->
<script src="https://js.tosspayments.com/v2/standard"></script>
<script>
  main();
  
  async function main() {
      const button = document.getElementById('payment-button');
      const coupon = document.getElementById('coupon-box');
      const clientKey = '<?php echo $ck; ?>';
      const tossPayments = TossPayments(clientKey);
      const customerKey = <?php echo !empty($member['mb_id']) ? "'" . gernerate_uuid() . "'" : "TossPayments.ANONYMOUS"; ?>;
      // TODO 브랜드페이 사용을 위한 변수 선언
      const brandpay = {
          redirectUrl: window.location.origin + '/board/payments/tosspayments/experience/brandpay_oauth.php',
      };
      // FIXME amount 선언
      const amount = <?php echo $amount; ?>;
  
      /*
       * TODO more code...
       * 1. 결제위젯 인스턴스 생성
       * 2. 결제 금액 설정
       * 3. 기타 등등...
       */
  }
</script>

<!-- TODO more HTML 태그 -->
<script src="https://js.tosspayments.com/v2/standard"></script>
<script>
  main();
  
  async function main() {
      const button = document.getElementById('payment-button');
      const coupon = document.getElementById('coupon-box');
      const clientKey = '<?php echo $ck; ?>';
      const tossPayments = TossPayments(clientKey);
      const customerKey = <?php echo !empty($member['mb_id']) ? "'" . gernerate_uuid() . "'" : "TossPayments.ANONYMOUS"; ?>;
      // TODO 브랜드페이 사용을 위한 변수 선언
      const brandpay = {
          redirectUrl: window.location.origin + '/board/payments/tosspayments/experience/brandpay_oauth.php',
      };
      // FIXME amount 선언
      const amount = <?php echo $amount; ?>;
  
      /*
       * TODO more code...
       * 1. 결제위젯 인스턴스 생성
       * 2. 결제 금액 설정
       * 3. 기타 등등...
       */
  }
</script>

연동하기 | 토스페이먼츠 개발자센터

토스페이먼츠의 간편한 결제 연동 과정을 한눈에 볼 수 있습니다. 각 단계별 설명과 함께 달라지는 UI와 코드를 확인해보세요.

결제위젯 Version 2 연동 시 결제금액 설정 관련 문의

결제위젯 Version 2 연동 시 결제금액 설정 관련 문의

Similar Threads

Similar Threads

Similar Threads