# PortOne

8개의 포스트
post-thumbnail

[Library] 결제 프로세스

✅ 결제 프로세스 이해 카드사와의 소통 결제를 하려면 카드사와 협업을 해야하지만, 카드사 하나 하나와의 계약을 하는 것보다 카드사와의 의사소통울 대신해주는 곳을 이용하는 것이 좋다. >pg사(Payment Gateway: 결제를 대신해주는 입구)가 이 힘든 과정을 대신 해준다. 계약 조건에 따른 변경 nhn, nice 등과 미팅을 잡고 계약이 이루어 지게 되면, pdf로 사용방식을 넘겨준다. 회사를 바꿀 때마다 사용 방식이 달라지니 바꾸기가 힘들다. >이것들을 쉽게 접근할 수 있게 만든 결제 솔루션사가 개발해서 키값으로 연결되게 해놓았다. 포트원(구 아임포트) 부트페이 등이 있다. 결제 방식 >✌️ 결제 승인 번호가 날라온다. => impuid: imp123456, amount: 5000원 등 ✌️ 백엔드에서 검증을 한번 더 거친 다음에 저장이 된다. 카드사의 승인 과정 >회사의 결제 로직을 담은 PPT => PG사 전달 => 카드

2023년 8월 18일
·
2개의 댓글
·
post-thumbnail

아이엠포트로 결제해보기!

김영한쌤 실전 스프링부트와 JPA 수업을 듣던 중에 상품을 구매할 때 결제창을 껴넣으면 어떨까 하는 생각으로 시작된 토이 프로젝트. 연동 메뉴얼은 아이엠포트에서 친절하게 설명해두었고, 이분 블로그에서도 많은 도움을 받았다. 나는 복잡한 결제창을 만들 생각은 아니고, 간단한 카카오페이 QR 결제가 열린 다음에 결제 완료까지 넘어가는 화면을 구성한 것이기 때문에 코드가 매우 간단하다. 실전 스프링부트 수업을 들어본 분들은 누구나 구현했을 주문화면이다. 여기서 submit을 누르면 카카오페이 QR 결제창이 열리도록 구현하고 싶었다.

2023년 6월 5일
·
0개의 댓글
·
post-thumbnail

PortOne(I'mport) sample project

https://github.com/youngkiu/portone-sample PortOne 개발자센터 (구, PortOne Docs)에서 제공하는 코드를 최대한 그대로 사용하는 방식으로 구현하였습니다. 실행준비 Domain $ ./ngrok http 3000로 Local WAS 도메인을 확보합니다. ex) https://2640-2001-4430-509d-177c-a18e-4514-fba7-2041.ngrok-free.app 결제알림(Webhook)을 등록합니다. ex) https://2640-2001-4430-509d-177c-a18e-4514-fba7-2041.ngrok-free.app/portone-webhook https://admin.portone.io/integration?tab=webhook ![]

2023년 5월 16일
·
0개의 댓글
·
post-thumbnail

PortOne - local test

FrontEnd https://github.com/iamport/iamport-react-example/blob/master/manuals/PAYMENT.md 코드를 베이스로 작성 결제요청 파라미터: https://portone.gitbook.io/docs/sdk/javascript-sdk/payrq BackEnd https://developers.portone.io/docs/ko/result/webhook 코드를 베이스로 작성 ![](https://velog.velcdn.com/imag

2023년 5월 13일
·
0개의 댓글
·

Payment / Iamport

payment는 말그대로 결제관련한 API서비스를 의미하는데, 이러한 서비스를 구현하기 위해서는 Iamport(현portOne)에서 원하는 PG(payment Gateway)사와의 결제시스템을 연결 시켜주는 역할을 함 portOne에서 PG사와의 연결과정 모든 것을 처리해주기 때문에 복잡한 결제환경 코드들을 직접적으로 구현을 하지 않아도 이용 할 수 있도록 도와줌 하지만 결제서비스는 돈과 관련되기 때문에 개발을 한다고해서 사용을 바로 할 수 있는 것이 아니라 엄격한 검증을 통과해야지만이 결제서비스를 실제 서비스로 제공을 할 수 있다는 점을 유의해야함

2023년 5월 7일
·
0개의 댓글
·
post-thumbnail

포트원(portone) 결제 API

이번에 과제로 외부 API인 결제솔루션 Portone(Iamport)를 이용해서 결제 API 만들기 실습을 보았다. 예전부터 배워보고 싶었던 부분이여서 설렜지만, 별도의 강의 없이 맨바닥에서 완성해보는 첫 과제여서인지, 어디서부터 어떻게 시작해야 하는지부터 감도 못잡고..힘들었다.. 하지만 해당 API를 만들면서 현직에서 일하시는 개발자분들은 이런식으로 일을 하시는구나 하고 많은 걸 느낄 수 있었던 계기가 된 것 같다. 그래도 내가 작성한 코드로 실제로 결제가 이루어지고 결제취소까지 구현될 때는 나름 뿌듯하기도 했던 경험이었다. 이제 어떻게 구현했는지 기록을 하려 한다. 하지만.. 온전히 정답이라고는 할 수 없으니 흘린 건 흘려가면서 읽어주길 바란다! 아니 잘못된 부분은 따로 알려주면 더 감사...합니다 💆🏻‍♂️ 일단 간단하게 결제 프로세스에 대해 알아보자. >결제 프로세스 구매자가 구입할 상품에 대한 정보와 금액을 판매자에게 전달 판매자는

2023년 4월 26일
·
2개의 댓글
·
post-thumbnail

18. Payment / Iamport

iamport는 개발환경과 상관없이 원하는 pg사와의 결제시스템을 연결시켜주는 결제 API서비스이다. 위 사진은 아이엠포트 결제 프로세스 그림이다. 브라우저에서 결제하기 버튼을 클릭하면 프론트엔드에서 아이엠포트에 Rest API로 결제를 요청하게된다. 이후 아이엠포트는 PG사에 결제를 요청하고 PG사느 또다시 카드사에 결제를 요청하는 순서로 진행된다. 결제가 다이루어지면, 아이엠포트가 결제건에 대한 고유ID를 전송해주고 이를 imp_uid라고 부릅니다. 프론트엔드는 받은 imp_uid를 백엔드로 전송해주고 백엔드에서는 db에 결제

2023년 2월 23일
·
0개의 댓글
·

포트원 결제 프로세스 구현 - Nest.js

🐧포트원 연동 결제 프로세스 구현 어제는 결제 연동 프로세스 구현에 대해 배웠다면 오늘은 포트원 연동 결제 프로세스를 배웠다. 결제 API도 마찬가지로 KEY를 연동시켜서 API 를 구현해줘야 하는데 대표적인 사이트로는 포트원이 있다. 자기가 구현하고 싶은 결제대행사 선택후 왼쪽 결제연동을 들어가 식별코드 키를 받아주면 된다. 자세한 것은 콘솔 가이드를 보면서 참고해보자. 🐤포트원 결제 프로세스 흐름 ![](https://velog.velcdn.com/images/joobob123/post/a720d

2023년 2월 14일
·
0개의 댓글
·