# 토스 간편결제

{% hint style="warning" %}
**Deprecated**

이 문서는 더 이상 관리되지 않습니다.

[PortOne 개발자센터](https://developers.portone.io/)를 이용해주세요.
{% endhint %}

### 1. 토스 간편결제 설정하기

[**토스 간편결제 설정**](https://portone.gitbook.io/docs/ready/2.-pg/pg/toss) 페이지의 내용을 참고하여 PG 설정을 진행합니다.

![](https://2409678497-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwWX2hlvRZLZrXeH1aacF%2Fuploads%2Fgit-blob-2ff311e7178a86c4e86325d827fc57db99717a58%2F%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7%202022-06-05%20%EC%98%A4%ED%9B%84%201.29.25.png?alt=media)

### 2.결제 요청하기

[JavaScript SDK](https://portone.gitbook.io/docs/sdk/javascript-sdk-old) IMP.**request\_pay**(param, callback)을 호출하여 토스간편결제 결제창을 호출할 수 있습니다. **결제결과**는 PC 환경은 <mark style="color:red;">**callback**</mark>, 모바일 환경은 <mark style="color:red;">**m\_redirect\_url**</mark> 로 리디렉션됩니다.

{% tabs %}
{% tab title="일반결제창 요청" %}
{% code title="Javascript SDK" %}

```javascript
IMP.request_pay({
    pg : 'tosspay.{PG 상점아이디}',
    pay_method : 'card',
    merchant_uid: "order_no_0001", //상점에서 생성한 고유 주문번호
    name : '주문명:결제테스트',   //필수 파라미터 입니다.
    amount : 1004,
    buyer_email : 'test@portone.io',
    buyer_name : '구매자이름',
    buyer_tel : '010-1234-5678',
    buyer_addr : '서울특별시 강남구 삼성동',
    buyer_postcode : '123-456',
    m_redirect_url : '{결제 완료 후 리디렉션 될 URL}' 
}, function(rsp) { // callback 로직
	//* ...중략... *//
});
```

{% endcode %}

**주요 파라미터 설명**

**`pg`** <mark style="color:green;">**string**</mark>

**PG사 구분코드**

**`tosspay`** 로 지정하면 됩니다.

**`pay_method`** <mark style="color:green;">**string**</mark>

**결제수단 구분코드**

신용카드 : `card` | 계좌이체 : `trans`

**`name`** <mark style="color:red;">**\***</mark> <mark style="color:green;">**`string`**</mark>

**제품명**

**`merchant_uid`** <mark style="color:red;">**\***</mark> <mark style="color:green;">**string**</mark>

**주문번호**

매번 고유하게 채번되어야 합니다.

**`amount`** <mark style="color:purple;">**integer**</mark>

**결제금액**

<mark style="color:green;">**string**</mark> 이 아닌점에 유의하세요

{% embed url="<https://codepen.io/chaiport/pen/wvyxzYv>" %}
**토스 간편결제 결제창 예시**
{% endembed %}
{% endtab %}
{% endtabs %}

{% hint style="info" %}
**토스페이 간편결제는 스마트폰 토스 앱상에서 결제가 진행됩니다.**
{% endhint %}