페이팔 연동
페이팔 test 연동 하려고 하는데
const clientKey = "test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm"; // 페이팔과 계약된 클라이언트 키를 사용해주세요
const tossPayments = TossPayments(clientKey);
// 회원 결제
const customerKey = "Nxcl5YfA_4uWXExevjN8c";
const widgets = tossPayments.widgets({customerKey});
문서에 나와 있는 clientKey랑 customerKey 쓰면 연동이 되어야 하는게 맞나요?
일반결제 연동에는 성공했는데 해외결제 연동하려고 할 시 결제 UI 설정에서 variantKey 따로 설정해줘야 하나요?
PayPal 앞으로 mid가 나왔는데, API 개별 연동키에서 mid 가 뜹니다. 공식 문서 말고 이 API 개별 연동키를 사용해도 되나요?
7 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(문제가 발생한 이미지나 전체 결제흐름 동영상을 첨부해주시면 빠른 분석을 받으실 수 있습니다.)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
paypal계약된 mid알려주세요
qblacktddm 입니다
개발자 센터에 있는 위젯키를 사용해주세요.
API 키 | 토스페이먼츠 개발자센터
토스페이먼츠 결제 연동 문서, API, 키, 테스트 내역, 웹훅 등록 등 개발에 필요한 정보와 기능을 확인해 보세요. 결제 연동에 필요한 모든 개발자 도구를 제공해 드립니다.
const setupPayPal = async () => {
if (!mounted) return;
const clientKey = "test_ck24xLea5zVAJbPbp4zqG6rQAMYNwW";
const tossPayments = window.TossPayments(clientKey);
// 비회원 결제
const widgets = tossPayments.widgets({
customerKey: ANONYMOUS,
});
// 결제 금액 설정
await widgets.setAmount({
currency: "USD",
value: selectedPlan.priceUSD,
});
// PayPal UI 렌더링
await Promise.all([
widgets.renderPaymentMethods({
selector: "#payment-method",
variantKey: "PAYPAL",
}),
widgets.renderAgreement({
selector: "#agreement",
variantKey: "AGREEMENT",
}),
]);
// 버튼 가져오기
const button = document.getElementById("us-payment-button");
const handleClick = async () => {
try {
await widgets.requestPayment({
orderId: `order${Date.now()}`,
orderName: selectedPlan.name,
successUrl: window.location.origin + "/success",
failUrl: window.location.origin + "/fail",
customerEmail:
localStorage.getItem("userEmail") "customer@example.com",
customerName:
localStorage.getItem("userFirstName") "홍길동",
customerMobilePhone:
localStorage.getItem("userPhone") "01012345678",
foreignEasyPay: {
country: "US",
products: [
{
name: selectedPlan.name,
quantity: 1,
unitAmount: selectedPlan.priceUSD,
currency: "USD",
description: selectedPlan.name,
},
],
shipping: {
fullName: localStorage.getItem("userFirstName") "홍길동",
address: {
country: "US",
line1: "123 Main St",
line2: "",
area1: "CA",
area2: "San Jose",
postalCode: "95112",
},
},
paymentMethodOptions: {
paypal: {},
},
},
});
} catch (err) {
console.error("PayPal Payment Error:", err);
alert("PayPal 결제 중 오류가 발생했습니다.");
}
};
paypal 결제창이 안뜨는데 이유를 모르겠습니다
test_ck_24xLea5zVAJbPbp4zqG6rQAMYNwW
이게 개발자 센터에 있는 위젯키가 아닌데요.
제가 드린 개발자 센터 위젯키를 사용하시기 바랍니다.