silvester0143
silvester0143
PostsComments
TPToss payments 개발자 커뮤니티
Created by silvester0143 on 1/30/2024 in #❓┃연동개발-문의
[vue.js] successUrl 호출시 get 방식에의한 paymentKey, orderId, amount 가 노출되는데
안녕하세요. 어제 문의드린내용에 대응 해주셔서 최종 테스트까지는 잘 진행 되었습니다. 다시한번 감사 드립니다. 결제쪽 개발을 처음해서 잘 몰라 문의 드립니다. 
await this.paymentWidget.requestPayment({
            orderId: nanoid(),
            orderName: "PAM",
            customerName: "test",
            customerEmail: "kyu@naver.com",
            customerMobilePhone: "010",
            successUrl: `${window.location.origin}/payment/success-view?pcd=PAYMENT1`,
            failUrl: `${window.location.origin}/fail`,
          });
await this.paymentWidget.requestPayment({
            orderId: nanoid(),
            orderName: "PAM",
            customerName: "test",
            customerEmail: "kyu@naver.com",
            customerMobilePhone: "010",
            successUrl: `${window.location.origin}/payment/success-view?pcd=PAYMENT1`,
            failUrl: `${window.location.origin}/fail`,
          });
정상적으로 결제 완료되면 successUrl이 호출되는데 get방식으로 paymentKey, orderId, amount 등의 정보가 노출되는데 혹시 이게 보안에는 문제될 여지가 없나요? 혹은 적절한 보안처리의 가이드가 있으면 안내 부탁 드립니다. 예시 샘플의 코드가 vue3 에서만 구동가능한 환경이고 저희 프로젝트는 vue2 라서 successview.vue 의 파일 내용을 일부 변경 하였습니다. 이게 문제일수도 있을것같네요.. (router 사용 불가)
5 replies
TPToss payments 개발자 커뮤니티
Created by silvester0143 on 1/29/2024 in #❓┃연동개발-문의
[Vue.JS]PaymentWidget is not defined 에러
안녕하세요. Vue.js 개발환경에서 개발중인데 76:26 error 'PaymentWidget' is not defined 의 에러가 발생하는데 어떻게 해결해야할까요? 1. yarn install 을 통해 toss SDK 설치 완료 "dependencies": { "@tosspayments/payment-widget-sdk": "^0.10.2", // 나머지 } 2. vue.js 의 샘플코드 거의 그대로 복사함. <template> //소스 그대로 </template> <script> import { loadPaymentWidget, ANONYMOUS } from "@tosspayments/payment-widget-sdk"; //import { PaymentWidget, ANONYMOUS } from "@tosspayments/payment-widget-sdk"; import { nanoid } from "nanoid"; export default { //중략 async mounted() { // ------ 결제위젯 초기화 ------ // @docs https://docs.tosspayments.com/reference/widget-sdk#sdk-설치-및-초기화 this.paymentWidget = PaymentWidget(this.clientKey, ANONYMOUS); // ------ 결제 UI 렌더링 ------ // @docs https://docs.tosspayments.com/reference/widget-sdk#renderpaymentmethods선택자-결제-금액-옵션 this.paymentMethodWidget = this.paymentWidget.renderPaymentMethods("#payment-method", { value: this.amount }, { variantKey: "DEFAULT" }); // ------ 이용약관 UI 렌더링 ------ // @docs https://docs.tosspayments.com/reference/widget-sdk#renderagreement선택자-옵션 this.paymentWidget.renderAgreement("#agreement", { variantKey: "AGREEMENT" }); }, }; </script> 76번째 라인의 'PaymentWidget' is not defined 에러 발생 this.paymentWidget = PaymentWidget(this.clientKey, ANONYMOUS); 도움 부탁 드립니다~!
34 replies