このページは現在翻訳中です。

WeChat Pay App Redirection NEW

このページで扱うトピック

Accept online payments from WeChat Pay users through your website using the WeChat Pay payment method.

This guide walks you through the payment flow and details on how to implement.

How to enable

  • Supported Countries: Thailand
  • Minimum API version: 2017-11-02

To enable WeChat Pay App Redirection, send an email requesting this feature to support@opn.ooo. You will need to review and accept new terms and conditions.

Payment flow

WeChat Pay App Redirection supports payment on mobile application. Customers paying via WeChat Pay App Redirection go through an app_redirect payment flow. This means they are redirected from your website or mobile application to WeChat Pay mobile application where they authorize and confirm the payment.

The following screenshots demonstrate this flows

payment flow

❶ The customer chooses the wallet they want to pay with. ❷ They are redirected to WeChat Pay application to confirm the payment. The payment details are shown. ❸ The customer confirms payment. ❹ The payment successful page is displayed after the payment is made.

Implementation

To create a charge using WeChat Pay App Redirection, make the following API requests.

  1. Create a new payment source (type: wechat_pay) using Omise.js or one of the mobile SDKs (iOS and Android)
  2. Create a new charge using the identifier of the source created in Step 1.
  3. After receiving the charge completion webhook event, retrieve the charge to verify its status (optional, but recommended).

Use your public key to create the WeChat Pay App Redirection source on the client (a customer's browser or mobile phone). Use your secret key to create the WeChat Pay App Redirection charge on the server.

If both the creation and charge of a source must happen server-side, you can create and charge the source in a single API request using your secret key.

Creating a source

When the customer confirms that they wish to pay with this payment method, create a new source specifying the amount, currency, ip, and type.

Parameter Type Description
amount integer (required) Amount in subunits of source currency
currency string (required) THB
type string (required) Payment source type wechat_pay
ip string (conditionally required) IP address of the customer's device. Required if creating a source from the merchant server using the Charge API. Optional but recommended if creating a source from the customer browser via Source API.

The following examples demonstrate the creation of a new WeChat Pay App Redirection source for ฿1500. Replace the omise_public_key and $OMISE_PUBLIC_KEY variables with the test public key found on your dashboard.

Using Omise.js, the type parameter is supplied as the first argument to the createSource method.

Omise.setPublicKey(omise_public_key);

Omise.createSource('wechat_pay', {
  "amount": 150000,
  "currency": "THB"
}, function(statusCode, response) {
  console.log(response)
});

For testing, you can create the same request using curl.

curl https://api.omise.co/sources \
  -u $OMISE_PUBLIC_KEY: \
  -d "amount=150000" \
  -d "currency=THB" \
  -d "type=wechat_pay"
{
  "object": "source",
  "id": "src_test_5y64u3jzioc67ime3bo",
  "livemode": false,
  "location": "/sources/src_test_5y64u3jzioc67ime3bo",
  "amount": 150000,
  "barcode": null,
  "bank": null,
  "created_at": "2023-12-21T08:27:22Z",
  "currency": "THB",
  "email": null,
  "flow": "app_redirect",
  "installment_term": null,
  "ip": "35.198.236.178",
  "absorption_type": null,
  "name": null,
  "mobile_number": null,
  "phone_number": null,
  "platform_type": null,
  "scannable_code": null,
  "billing": null,
  "shipping": null,
  "items": [],
  "references": null,
  "provider_references": null,
  "store_id": null,
  "store_name": null,
  "terminal_id": null,
  "type": "wechat_pay",
  "zero_interest_installments": null,
  "charge_status": "unknown",
  "receipt_amount": null,
  "discounts": []
}

The id attribute is the source identifier (begins with src).

Creating a charge

Create a charge specifying the parameters return_uri, source, amount, and currency.

  • return_uri specifies the location on your website to which the customer should be redirected after completing the payment authorization step.
  • source specifies the source identifier.
  • amount and currency must match amount and currency of the source.

The following example demonstrates how to create a new charge using curl. Replace $OMISE_SECRET_KEY with your test secret key found on your dashboard. Replace $SOURCE_ID with the id of the source.

curl https://api.omise.co/charges \
  -u $OMISE_SECRET_KEY: \
  -d "amount=150000" \
  -d "currency=THB" \
  -d "return_uri=http://example.com/orders/345678/complete" \
  -d "source=$SOURCE_ID"
{
  "object": "charge",
  "id": "chrg_test_5y64u3mphgnkvpkpui2",
  "location": "/charges/chrg_test_5y64u3mphgnkvpkpui2",
  "amount": 150000,
  "acquirer_reference_number": null,
  "net": 147352,
  "fee": 2475,
  "fee_vat": 173,
  "interest": 0,
  "interest_vat": 0,
  "funding_amount": 150000,
  "refunded_amount": 0,
  "transaction_fees": {
    "fee_flat": "0.0",
    "fee_rate": "1.65",
    "vat_rate": "7.0"
  },
  "platform_fee": {
    "fixed": null,
    "amount": null,
    "percentage": null
  },
  "currency": "THB",
  "funding_currency": "THB",
  "ip": null,
  "refunds": {
    "object": "list",
    "data": [],
    "limit": 20,
    "offset": 0,
    "total": 0,
    "location": "/charges/chrg_test_5y64u3mphgnkvpkpui2/refunds",
    "order": "chronological",
    "from": "1970-01-01T00:00:00Z",
    "to": "2023-12-21T08:27:22Z"
  },
  "link": null,
  "description": null,
  "metadata": {},
  "card": null,
  "source": {
    "object": "source",
    "id": "src_test_5y64u3c1pifv4jcvihu",
    "livemode": false,
    "location": "/sources/src_test_5y64u3c1pifv4jcvihu",
    "amount": 150000,
    "barcode": null,
    "bank": null,
    "created_at": "2023-12-21T08:27:21Z",
    "currency": "THB",
    "email": null,
    "flow": "app_redirect",
    "installment_term": null,
    "ip": "192.0.2.1",
    "absorption_type": null,
    "name": null,
    "mobile_number": null,
    "phone_number": null,
    "platform_type": null,
    "scannable_code": null,
    "billing": null,
    "shipping": null,
    "items": [],
    "references": null,
    "provider_references": null,
    "store_id": null,
    "store_name": null,
    "terminal_id": null,
    "type": "wechat_pay",
    "zero_interest_installments": null,
    "charge_status": "pending",
    "receipt_amount": null,
    "discounts": []
  },
  "schedule": null,
  "customer": null,
  "dispute": null,
  "transaction": null,
  "failure_code": null,
  "failure_message": null,
  "status": "pending",
  "authorize_uri": "https://pay.omise.co/payments/pay2_test_5y64u3mqvilp9x9kcgl/authorize",
  "return_uri": "http://example.com/orders/345678/complete",
  "created_at": "2023-12-21T08:27:22Z",
  "paid_at": null,
  "expires_at": "2023-12-28T08:27:22Z",
  "expired_at": null,
  "reversed_at": null,
  "zero_interest_installments": false,
  "branch": null,
  "terminal": null,
  "device": null,
  "authorized": false,
  "capturable": false,
  "capture": true,
  "disputable": false,
  "livemode": false,
  "refundable": false,
  "partially_refundable": false,
  "reversed": false,
  "reversible": false,
  "voided": false,
  "paid": false,
  "expired": false
}

Creating a source and charge

Alternatively, you can create and charge a source in a single API request.

curl https://api.omise.co/charges \
  -u $OMISE_SECRET_KEY: \
  -d "amount=150000" \
  -d "currency=THB" \
  -d "return_uri=http://example.com/orders/345678/complete" \
  -d "source[type]=wechat_pay" \
  -d "source[ip]=192.0.2.1"

Setting the charge to expire

By default, the payment link (authorize_uri) expires 5 minutes after creation and the charge expires 2 hours after creation.

You can assign different expiration periods to each charge by entering a timestamp between 1 minute and 2 hours from the current time in the expires_at field of the Charge API. If the timestamp is entered correctly, the charge will expire at the designated time instead of the default period.

After the charge is created, you can also manually call our Expire API to expire a pending charge.

curl https://api.omise.co/charges \
  -u $OMISE_SECRET_KEY: \
  -d "amount=150000" \
  -d "currency=THB" \
  -d "return_uri=http://example.com/orders/345678/complete" \
  -d "source[type]=wechat_pay" \
  -d "source[ip]=192.0.2.1" \
  -d "expires_at=2021-09-01T00:00:00Z"
curl https://api.omise.co/charges/$CHARGE_ID/expire \
  -X POST \
  -u $OMISE_SECRET_KEY:

Completing the charge

At this point, you have created a new charge with its status set to pending. Other possible values for charge status are successful, failed, and expired.

The following sections detail how to authorize a charge, receive its completion webhook event, and update its status.

sequenceDiagram participant customer participant omise.js participant merchant participant api.omise.co customer->>omise.js: Send payment details for purchase omise.js->>api.omise.co: Request source using payment details api.omise.co-->>omise.js: Return source omise.js->>merchant: Merchant gets returned source merchant->>api.omise.co: Request charge using source and purchase details api.omise.co-xmerchant: Send "charge.create" webhook api.omise.co-->>merchant: Return charge merchant->>customer: Redirect to "authorize_uri" for pending charge customer->>api.omise.co: Provide charge authorization details at "authorize_uri" api.omise.co-->>customer: Redirect to "return_uri" api.omise.co-xmerchant: Send "charge.complete" webhook merchant-xcustomer: Send charge result (e.g. via email)

Authorizing the charge

Redirect the customer to the location specified in authorize_uri so that they can authorize the charge.

The merchant can simulate this authorization phase in test mode by visiting authorize_uri to manually mark the charge as Successful or Failed.

After the customer has completed the authorization phase, they will be redirected to the location specified in return_uri.

Receiving the charge completion event

The best way to be notified about the completion of a charge is using webhook events.

Set up a location on the merchant server to receive webhook events, and add this location as a webhook endpoint on the dashboard.

Checking the charge status

After receiving this event, retrieve the charge using its id and confirm that its status matches the status of the charge contained in the event.

If the value of status is successful, you got paid.

If the value of status is failed, check the failure_code and failure_message in the charge object for an explanation.

Possible failure codes are as follows.

Failure Code Description
payment_expired Payment expired.
payment_rejected Payment rejected by issuer.
invalid_account Valid account for payment method not found.
insufficient_fund Insufficient funds in the account or the payment method has reached its limit.
failed_processing General payment processing failure.

Refunds

WeChat Pay App Redirection charges can be partially or fully refunded within 90 days of the transaction date.

Limits

  • Minimum: 2000 (THB 20.00)
  • Maximum: 15000000 (THB 150,000.00)

How to check the public key and secret key

For information on how to obtain and check the public and secret keys, please refer to this document.

Omiseは、お客様のウェブサイト全般における利便性を向上するためにクッキーを利用し、お客様のアクセス、閲覧履歴に関する情報を収集します。 当社のウェブサイトを閲覧し続けることにより、お客様は当社のプライバシーポリシーに同意することとします。 詳細はこちら