정안녕하세요
정토스페이 연동을 했는데
정const clientKey = "test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm";
const tossPayments = TossPayments(clientKey);
const customerKey = "wmzTJvqk_CHFvKm9qa2--";
const widgets = tossPayments.widgets({ customerKey });
const tossPayments = TossPayments(clientKey);
const customerKey = "wmzTJvqk_CHFvKm9qa2--";
const widgets = tossPayments.widgets({ customerKey });
정이렇게 test 키가 있을 때는 정보가 잘 보여지지만
정토스 담당자 님이 보내 주신 내용으로
정해당키를 변경하면
정결제하기라는 버튼만 표시 되고 있습니다.
정빌링에 대한 클라리언트/시크릿키는 하기와 같이 같습니다.
live_ck_5OWRap보안으로중간생략ZK
live_sk_PBal2v보안으로중간생략QgOAN
live_ck_5OWRap보안으로중간생략ZK
live_sk_PBal2v보안으로중간생략QgOAN
정보내 주신 내용은 위와 같은데
정-----
정소스를 보면
정clientKey, customerKey
정라고 나와 있는데 토스담당자님이 보내 주신
키는 클라이언트키, 커스터머 키가 아니라
클라리언트/시크릿키 입니다.
그래서 키가 맞지 않아서 그런 것 같은데
이 소스에 나와 있는 clientKey, customerKey
이것은 어디에서 볼 수 있는 내용인가요?
키는 클라이언트키, 커스터머 키가 아니라
클라리언트/시크릿키 입니다.
그래서 키가 맞지 않아서 그런 것 같은데
이 소스에 나와 있는 clientKey, customerKey
이것은 어디에서 볼 수 있는 내용인가요?
김customerKey 는 고객식별에 사용되는 가맹점 자체 키값입니다
고객별 고유한 값을 매핑해서 사용시면 되구요
고객별 고유한 값을 매핑해서 사용시면 되구요
김지금 하시려는게 토스페이결제만 띄우면 되는걸까요?
정예 맞습니다.
김test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm
이 키값은 당사 web docs 에서 제공되는 결제위젯 키값이라
이 키값은 당사 web docs 에서 제공되는 결제위젯 키값이라
김상점아이디 전달주세요
정상점아이디(MID) : cosmosjnvs
정상점아이디(MID) : bill_cosmoq3af
정이렇게 두개 입니다.
정billcosmoq3af 이렇게 bill 붙은 것이
정정기결제 관련 인 것 같습니다.
김bill_cosmoq3af 이건 토스페이와는 상관없이 카드 정기결제용이구요
정정민소프트 구매대행 오픈마켓, 스마트스토어, 쿠팡, 상품대량등록 프로그램
정이렇게 구현을 했는데
김코스모스팜 사용하시나요?
정아 그건 아니고
정저희 솔루션이 코스모스3 입니다.
정const clientKey = "live_ck_5OWR보안보안zPVo1zEqZK";
const tossPayments = TossPayments(clientKey);
const customerKey = "live_sk_P보안보안35RQgOAN--";
const widgets = tossPayments.widgets({ customerKey });
const tossPayments = TossPayments(clientKey);
const customerKey = "live_sk_P보안보안35RQgOAN--";
const widgets = tossPayments.widgets({ customerKey });
정이렇게 구현을 했을 때
정정민소프트 구매대행 오픈마켓, 스마트스토어, 쿠팡, 상품대량등록 프로그램
정이 경로에 아무거나 입력해서
정해보면 결제하기 라는 파란색 버튼만 나오고
정나머지 신용결제 등의 아이콘은 모두 사라져 버립니다.
김이걸 눌렀을때 기대하시는 내용은 결제위젯인거죠?
정
김카드, 계좌이체, 토스페이 등등 한번에 나오는
정이것을 눌렀을 때 나오는 화면이 위젯이기를 기대합니다.
정예 맞습니다.
정
정그런데 지금은 이렇게 결제하기 버튼만 나와있습니다.
김그러면 https://docs.tosspayments.com/guides/payment-widget/integration
이 연동가이드가 맞구요
사용하셔야 할 키는 상점의 결제위젯키를 사용하셔야해요
이 연동가이드가 맞구요
사용하셔야 할 키는 상점의 결제위젯키를 사용하셔야해요
김 이런식으로 시작되는 값입니다
정<script>
main();
async function main() {
const button = document.getElementById("payment-button");
const coupon = document.getElementById("coupon-box");
const clientKey = "live_ck_5OWR보안보안보안보안보안보안보안보안보안보안EqZK";
const tossPayments = TossPayments(clientKey);
const customerKey = "live_sk_PBa보안보안보안보안보안보안보안보안AN--";
const widgets = tossPayments.widgets({ customerKey });
await widgets.setAmount({
currency: "KRW",
value: 50000,
});
await Promise.all([
widgets.renderPaymentMethods({
selector: "#payment-method",
variantKey: "DEFAULT",
}),
widgets.renderAgreement({
selector: "#agreement",
variantKey: "AGREEMENT",
}),
]);
coupon.addEventListener("change", async function () {
if (coupon.checked) {
await widgets.setAmount({ currency: "KRW", value: 45000 });
} else {
await widgets.setAmount({ currency: "KRW", value: 50000 });
}
});
button.addEventListener("click", async function () {
await widgets.requestPayment({
orderId: "6OnKa1sLcIL7BKe6oKm2r",
orderName: "토스 티셔츠 외 2건",
successUrl: window.location.origin + "/TossPay/success.aspx",
failUrl: window.location.origin + "/TossPay/fail.aspx",
customerEmail: "customer123@gmail.com",
customerName: "김토스",
customerMobilePhone: "01012341234",
});
});
}
</script>
main();
async function main() {
const button = document.getElementById("payment-button");
const coupon = document.getElementById("coupon-box");
const clientKey = "live_ck_5OWR보안보안보안보안보안보안보안보안보안보안EqZK";
const tossPayments = TossPayments(clientKey);
const customerKey = "live_sk_PBa보안보안보안보안보안보안보안보안AN--";
const widgets = tossPayments.widgets({ customerKey });
await widgets.setAmount({
currency: "KRW",
value: 50000,
});
await Promise.all([
widgets.renderPaymentMethods({
selector: "#payment-method",
variantKey: "DEFAULT",
}),
widgets.renderAgreement({
selector: "#agreement",
variantKey: "AGREEMENT",
}),
]);
coupon.addEventListener("change", async function () {
if (coupon.checked) {
await widgets.setAmount({ currency: "KRW", value: 45000 });
} else {
await widgets.setAmount({ currency: "KRW", value: 50000 });
}
});
button.addEventListener("click", async function () {
await widgets.requestPayment({
orderId: "6OnKa1sLcIL7BKe6oKm2r",
orderName: "토스 티셔츠 외 2건",
successUrl: window.location.origin + "/TossPay/success.aspx",
failUrl: window.location.origin + "/TossPay/fail.aspx",
customerEmail: "customer123@gmail.com",
customerName: "김토스",
customerMobilePhone: "01012341234",
});
});
}
</script>
김정상적으로 띄워지면 이런 화면이 보일거구요
정이렇게 소스에서 보면
정상점아이디를
정따로 입력하는 곳이 없습니다.
김 이부분에서