Tp개커
Toss payments 개발자 커뮤니티
정
Toss payments 개발자 커뮤니티
•
4w ago
정민이
정민 토스페이연동
안
녕
하
세
요
?
토
스
페
이
연
동
문
의
입
니
다
.
Toss payments 개발자 커뮤니티
Join
Toss payments 개발자 커뮤니티입니다. 결제 연동하며 겪는 기술 문의부터, 결제 시장에 대한 다양한 정보까지 얻어가세요~
15,368
Members
View on Discord
Was this page helpful?
Yes
No
정
정민이
OP
•
11/20/25, 7:04 AM
안
녕
하
세
요
정
정민이
OP
•
11/20/25, 7:04 AM
토
스
페
이
연
동
을
했
는
데
정
정민이
OP
•
11/20/25, 7:04 AM
const clientKey
=
"test
_gck
_docs
_Ovk5rk1EwkEbP0W43n07xlzm
"
;
const tossPayments
= TossPayments
(clientKey
)
;
const customerKey
=
"wmzTJvqk
_CHFvKm9qa2
-
-
"
;
const widgets
= tossPayments
.widgets
(
{ customerKey
}
)
;
정
정민이
OP
•
11/20/25, 7:04 AM
이
렇
게 test
키
가
있
을
때
는
정
보
가
잘
보
여
지
지
만
정
정민이
OP
•
11/20/25, 7:06 AM
토
스
담
당
자
님
이
보
내
주
신
내
용
으
로
정
정민이
OP
•
11/20/25, 7:06 AM
해
당
키
를
변
경
하
면
정
정민이
OP
•
11/20/25, 7:06 AM
결
제
하
기
라
는
버
튼
만
표
시
되
고
있
습
니
다
.
정
정민이
OP
•
11/20/25, 7:06 AM
빌
링
에
대
한
클
라
리
언
트
/
시
크
릿
키
는
하
기
와
같
이
같
습
니
다
.
live
_ck
_5OWRap
보
안
으
로
중
간
생
략ZK
live
_sk
_PBal2v
보
안
으
로
중
간
생
략QgOAN
정
정민이
OP
•
11/20/25, 7:06 AM
보
내
주
신
내
용
은
위
와
같
은
데
정
정민이
OP
•
11/20/25, 7:07 AM
-
-
-
-
-
정
정민이
OP
•
11/20/25, 7:07 AM
소
스
를
보
면
정
정민이
OP
•
11/20/25, 7:07 AM
clientKey
, customerKey
정
정민이
OP
•
11/20/25, 7:08 AM
라
고
나
와
있
는
데
토
스
담
당
자
님
이
보
내
주
신
키
는
클
라
이
언
트
키
,
커
스
터
머
키
가
아
니
라
클
라
리
언
트
/
시
크
릿
키
입
니
다
.
그
래
서
키
가
맞
지
않
아
서
그
런
것
같
은
데
이
소
스
에
나
와
있
는 clientKey
, customerKey
이
것
은
어
디
에
서
볼
수
있
는
내
용
인
가
요
?
김
김차장
•
11/20/25, 7:09 AM
customerKey
는
고
객
식
별
에
사
용
되
는
가
맹
점
자
체
키
값
입
니
다
고
객
별
고
유
한
값
을
매
핑
해
서
사
용
시
면
되
구
요
김
김차장
•
11/20/25, 7:09 AM
지
금
하
시
려
는
게
토
스
페
이
결
제
만
띄
우
면
되
는
걸
까
요
?
정
정민이
OP
•
11/20/25, 7:10 AM
예
맞
습
니
다
.
김
김차장
•
11/20/25, 7:10 AM
test
_gck
_docs
_Ovk5rk1EwkEbP0W43n07xlzm
이
키
값
은
당
사 web docs
에
서
제
공
되
는
결
제
위
젯
키
값
이
라
김
김차장
•
11/20/25, 7:10 AM
상
점
아
이
디
전
달
주
세
요
정
정민이
OP
•
11/20/25, 7:11 AM
상
점
아
이
디
(MID
)
: cosmosjnvs
정
정민이
OP
•
11/20/25, 7:11 AM
상
점
아
이
디
(MID
)
: bill
_cosmoq3af
정
정민이
OP
•
11/20/25, 7:11 AM
이
렇
게
두
개
입
니
다
.
정
정민이
OP
•
11/20/25, 7:12 AM
bill
cosmoq3af
이
렇
게 bill
붙
은
것
이
정
정민이
OP
•
11/20/25, 7:12 AM
정
기
결
제
관
련
인
것
같
습
니
다
.
김
김차장
•
11/20/25, 7:12 AM
bill
_cosmoq3af
이
건
토
스
페
이
와
는
상
관
없
이
카
드
정
기
결
제
용
이
구
요
정
정민이
OP
•
11/20/25, 7:12 AM
https://cosmos3.co.kr/HOME/COSMOS3/TossPay/TossPay?#cosmosPay
코스모스3 - 대량등록 프로그램
정
민
소
프
트
구
매
대
행
오
픈
마
켓
,
스
마
트
스
토
어
,
쿠
팡
,
상
품
대
량
등
록
프
로
그
램
정
정민이
OP
•
11/20/25, 7:12 AM
이
렇
게
구
현
을
했
는
데
김
김차장
•
11/20/25, 7:13 AM
코
스
모
스
팜
사
용
하
시
나
요
?
정
정민이
OP
•
11/20/25, 7:14 AM
아
그
건
아
니
고
정
정민이
OP
•
11/20/25, 7:14 AM
저
희
솔
루
션
이
코
스
모
스3
입
니
다
.
정
정민이
OP
•
11/20/25, 7:14 AM
const clientKey
=
"live
_ck
_5OWR
보
안
보
안zPVo1zEqZK
"
;
const tossPayments
= TossPayments
(clientKey
)
;
const customerKey
=
"live
_sk
_P
보
안
보
안35RQgOAN
-
-
"
;
const widgets
= tossPayments
.widgets
(
{ customerKey
}
)
;
정
정민이
OP
•
11/20/25, 7:14 AM
이
렇
게
구
현
을
했
을
때
정
정민이
OP
•
11/20/25, 7:14 AM
https://cosmos3.co.kr/HOME/COSMOS3/TossPay/TossPay#cosmosPay
코스모스3 - 대량등록 프로그램
정
민
소
프
트
구
매
대
행
오
픈
마
켓
,
스
마
트
스
토
어
,
쿠
팡
,
상
품
대
량
등
록
프
로
그
램
정
정민이
OP
•
11/20/25, 7:15 AM
이
경
로
에
아
무
거
나
입
력
해
서
정
정민이
OP
•
11/20/25, 7:15 AM
해
보
면
결
제
하
기
라
는
파
란
색
버
튼
만
나
오
고
정
정민이
OP
•
11/20/25, 7:15 AM
나
머
지
신
용
결
제
등
의
아
이
콘
은
모
두
사
라
져
버
립
니
다
.
김
김차장
•
11/20/25, 7:15 AM
이
걸
눌
렀
을
때
기
대
하
시
는
내
용
은
결
제
위
젯
인
거
죠
?
정
정민이
OP
•
11/20/25, 7:15 AM
김
김차장
•
11/20/25, 7:16 AM
카
드
,
계
좌
이
체
,
토
스
페
이
등
등
한
번
에
나
오
는
정
정민이
OP
•
11/20/25, 7:16 AM
이
것
을
눌
렀
을
때
나
오
는
화
면
이
위
젯
이
기
를
기
대
합
니
다
.
정
정민이
OP
•
11/20/25, 7:16 AM
예
맞
습
니
다
.
정
정민이
OP
•
11/20/25, 7:16 AM
정
정민이
OP
•
11/20/25, 7:17 AM
그
런
데
지
금
은
이
렇
게
결
제
하
기
버
튼
만
나
와
있
습
니
다
.
김
김차장
•
11/20/25, 7:17 AM
그
러
면
https://docs.tosspayments.com/guides/payment-widget/integration
이
연
동
가
이
드
가
맞
구
요
사
용
하
셔
야
할
키
는
상
점
의
결
제
위
젯
키
를
사
용
하
셔
야
해
요
연동하기 | 토스페이먼츠 개발자센터
토
스
페
이
먼
츠
의
간
편
한
결
제
연
동
과
정
을
한
눈
에
볼
수
있
습
니
다
.
각
단
계
별
설
명
과
함
께
달
라
지
는 UI
와
코
드
를
확
인
해
보
세
요
.
김
김차장
•
11/20/25, 7:17 AM
이
런
식
으
로
시
작
되
는
값
입
니
다
정
정민이
OP
•
11/20/25, 7:18 AM
<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
>
김
김차장
•
11/20/25, 7:18 AM
정
상
적
으
로
띄
워
지
면
이
런
화
면
이
보
일
거
구
요
정
정민이
OP
•
11/20/25, 7:18 AM
이
렇
게
소
스
에
서
보
면
정
정민이
OP
•
11/20/25, 7:18 AM
상
점
아
이
디
를
정
정민이
OP
•
11/20/25, 7:19 AM
따
로
입
력
하
는
곳
이
없
습
니
다
.
김
김차장
•
11/20/25, 7:19 AM
이
부
분
에
서
Next page
live_gck_
live_gck_
const clientKey = "live_ck_5OWR보안보안보안보안보안보안보안보안보안보안EqZK";
const clientKey = "live_ck_5OWR보안보안보안보안보안보안보안보안보안보안EqZK";