Ton
TPToss payments 개발자 커뮤니티
•Created by Ton on 8/3/2023 in #❓┃연동개발-문의
flutter "결제위젯" 연동 관련 질문 드립니다.
답변 감사합니다 ! 😁
42 replies
TPToss payments 개발자 커뮤니티
•Created by Ton on 8/3/2023 in #❓┃연동개발-문의
flutter "결제위젯" 연동 관련 질문 드립니다.
일반 결제창 관련해서 몇 가지 추가 질문 드립니다.
1. 카드 결제 시에 나오는 카드 회사 목록은 따로 수정할 순 없나요 ? 만약 허용하지 않을 카드사가 있는 경우, 편집이 가능한지 궁금합니다.
2. 카카오페이, 네이버페이를 사용하려고 하는데, 목록에 따로 있진 않네요. 아래 문서 참고 했을 땐, 별도로 easyPay 속성 값을 추가해줘서 결제창을 호출해야 되는 것 같은데요.
https://docs.tosspayments.com/guides/payment/integration-direct
"tossPayments와 계약된 결제 수단이 아닙니다" 라고 뜨네요
이 경우엔 방법은 맞지만, 아직 승인을 받지 못한 상태일까요 ?
mid : darino0z1c
42 replies
TPToss payments 개발자 커뮤니티
•Created by Ton on 8/3/2023 in #❓┃연동개발-문의
flutter "결제위젯" 연동 관련 질문 드립니다.
넵 !
42 replies
TPToss payments 개발자 커뮤니티
•Created by Ton on 8/3/2023 in #❓┃연동개발-문의
flutter "결제위젯" 연동 관련 질문 드립니다.
네 감사합니다 ^^
42 replies
TPToss payments 개발자 커뮤니티
•Created by Ton on 8/3/2023 in #❓┃연동개발-문의
flutter "결제위젯" 연동 관련 질문 드립니다.
어드민에서 따로 ui 수정이 가능한것으로 알고 있어서, 위젯으로 사용하려고 합니다.
42 replies
TPToss payments 개발자 커뮤니티
•Created by Ton on 8/3/2023 in #❓┃연동개발-문의
flutter "결제위젯" 연동 관련 질문 드립니다.
아뇨 toss payments 관련 된 화면만 웹뷰로 띄우고 처리할 예정입니다.
42 replies
TPToss payments 개발자 커뮤니티
•Created by Ton on 8/3/2023 in #❓┃연동개발-문의
flutter "결제위젯" 연동 관련 질문 드립니다.
아 .. 그러네요 .. 상점을 여러개 만들어 놓으셨었네요 하하 .. 감사합니다 정상적으로 작동하네요 !
42 replies
TPToss payments 개발자 커뮤니티
•Created by Ton on 8/3/2023 in #❓┃연동개발-문의
flutter "결제위젯" 연동 관련 질문 드립니다.
네 위에 적혀있는 클라이언트 키는, 예제 코드에 적혀있는 테스트 키이구요, 따로 제 계정의 테스트 클라이언트 키를 사용했습니다.
여기에 클라이언트 키를 올려도 될까요 ?
42 replies
TPToss payments 개발자 커뮤니티
•Created by Ton on 8/3/2023 in #❓┃연동개발-문의
flutter "결제위젯" 연동 관련 질문 드립니다.
예제 코드를 그대로 붙여넣었구요, 여기서 client key 만 변경해줬습니다.
그리고
TossPayments 클래스에서 TosspaymentsWebview 를 빌드할 때, 자바스크립트를 바로 실행 시켜주는 코드인
evaluateJavascript(...) 를 주석처리 한 상태입니다.
42 replies
TPToss payments 개발자 커뮤니티
•Created by Ton on 8/3/2023 in #❓┃연동개발-문의
flutter "결제위젯" 연동 관련 질문 드립니다.
<head>
<meta charset="utf-8" />
<!-- 결제위젯 SDK 추가 -->
<script src="https://js.tosspayments.com/v1/payment-widget"></script>
</head>
<body>
<!-- 결제위젯, 이용약관 영역 -->
<div id="payment-method"></div>
<div id="agreement"></div>
<!-- 결제하기 버튼 -->
<button id="payment-button">결제하기</button>
<script>
const clientKey = ""
const customerKey = "K4XIu54Zq5EpVzL8a3D9q" // 내 상점에서 고객을 구분하기 위해 발급한 고객의 고유 ID
const button = document.getElementById("payment-button")
// ------ 결제위젯 초기화 ------
// 비회원 결제에는 customerKey 대신 ANONYMOUS를 사용하세요.
const paymentWidget = PaymentWidget(clientKey, customerKey) // 회원 결제
// const paymentWidget = PaymentWidget(clientKey, PaymentWidget.ANONYMOUS) // 비회원 결제
// ------ 결제위젯 렌더링 ------
// 결제수단 UI를 렌더링할 위치를 지정합니다.
#payment-method와 같은 CSS 선택자와 결제 금액 객체를 추가하세요.
// DOM이 생성된 이후에 렌더링 메서드를 호출하세요.
// https://docs.tosspayments.com/reference/widget-sdk#renderpaymentmethods선택자-결제-금액-옵션
paymentWidget.renderPaymentMethods("#payment-method", { value: 15000 })
// ------ 이용약관 렌더링 ------
// 이용약관 UI를 렌더링할 위치를 지정합니다. #agreement와 같은 CSS 선택자를 추가하세요.
// https://docs.tosspayments.com/reference/widget-sdk#renderagreement선택자
paymentWidget.renderAgreement('#agreement')
// ------ '결제하기' 버튼 누르면 결제창 띄우기 ------
// 더 많은 결제 정보 파라미터는 결제위젯 SDK에서 확인하세요.
// https://docs.tosspayments.com/reference/widget-sdk#requestpayment결제-정보
button.addEventListener("click", function () {
paymentWidget.requestPayment({
orderId: "PnArg53_0HahxDD1ZSSoH", // 주문 ID(직접 만들어주세요)
orderName: "토스 티셔츠 외 2건", // 주문명
successUrl: "https://my-store.com/success", // 결제에 성공하면 이동하는 페이지(직접 만들어주세요)
failUrl: "https://my-store.com/fail", // 결제에 실패하면 이동하는 페이지(직접 만들어주세요)
customerEmail: "customer123@gmail.com",
customerName: "김토스"
})
})
</script>
</body>42 replies
TPToss payments 개발자 커뮤니티
•Created by Ton on 8/3/2023 in #❓┃연동개발-문의
flutter "결제위젯" 연동 관련 질문 드립니다.
네
42 replies
TPToss payments 개발자 커뮤니티
•Created by Ton on 8/3/2023 in #❓┃연동개발-문의
flutter "결제위젯" 연동 관련 질문 드립니다.
TosspaymentsWebview Class 내부에 html 코드를, 위에 나와있는 문서 참고해서 변경했습니다.
42 replies
TPToss payments 개발자 커뮤니티
•Created by Ton on 8/3/2023 in #❓┃연동개발-문의
flutter "결제위젯" 연동 관련 질문 드립니다.
"darino0z1c" 입니다.
42 replies