Lewati ke konten utama

Pembayaran untuk pesanan oleh pengguna terdaftar

Dalam contoh ini, kami menunjukkan cara memproses pembayaran untuk pesanan yang dilakukan oleh pengguna terdaftar menggunakan API OneEntry.

✅ Tujuan skenario:

  • Otorisasi pengguna terdaftar
  • Membuat pesanan
  • Pembuatan sesi pembayaran

✅ Apa yang Anda butuhkan:

  • PROJECT_URL dan APP_TOKEN yang valid untuk otentikasi dengan API OneEntry.
  • Pengguna terdaftar
  • Penyimpanan pesanan yang dikonfigurasi dengan penanda "orders"

📌 Penting:

  • Contoh-contoh ini tidak mencakup penanganan kesalahan.
  • Anda dapat mengelola kesalahan menggunakan blok try-catch atau dengan menggunakan konstruksi seperti await Promise.catch((error) => error).

📚 Lihat di dokumentasi:

📦 Referensi SDK:

Coba secara langsung​

Jalankan metode ini secara interaktif di JS SDK sandbox — sambungkan Project URL dan App Token Anda pada kunjungan pertama, lalu buka:

Skenario​

1. Impor defineOneEntry dari SDK dan definisikan PROJECT_URL dan APP_TOKEN​

Contoh:

import { defineOneEntry } from 'oneentry';

const PROJECT_URL = 'your-project-url';
const APP_TOKEN = 'your-app-token';

2. Membuat klien API​

Contoh:

const { AuthProvider, Orders, Payments } = defineOneEntry(PROJECT_URL, {
  token: APP_TOKEN,
});

3. Otorisasi pengguna dengan AuthProvider.auth('email', authData)​

Contoh:

const authData = {
  authData: [
    {
      marker: 'email_reg',
      value: 'your-email',
    },
    {
      marker: 'password_reg',
      value: 'your-password',
    },
  ],
};
const user = await AuthProvider.auth('email', authData);
console.log(user);
Hasil:
{
  "userIdentifier": "kvasssukr.net@gmail.com",
  "authProviderIdentifier": "email",
  "accessToken": "eyJhbGciOiJIUzI1NiIsInR...pZCI6MTYsImF1dGhQ"
  "refreshToken": "1745494429101-...-2834edf8"
}

4. Membuat pesanan dengan Orders.createOrder()​

Data:

{
  "formIdentifier": "order",
  "paymentAccountIdentifier": "cash",
  "formData": {
    "en_US": [
      {
        "type": "string",
        "marker": "name",
        "value": "Christina Thomas"
      }
    ]
  },
  "products": [
    {
      "productId": 15,
      "quantity": 1
    }
  ]
}

Contoh:

const body = {
  formIdentifier: 'order',
  paymentAccountIdentifier: 'cash',
  formData: [
    {
      type: 'string',
      marker: 'name',
      value: 'Christina Thomas',
    },
  ],
  products: [
    {
      productId: 15,
      quantity: 1,
    },
  ],
};
const orderData = (await Orders.createOrder('orders', body as any).catch(
  (e: any) => e,
)) as any;

if ('statusCode' in orderData) {
  throw new Error(orderData.message);
}
Hasil:
{
  "id": 116,
  "formIdentifier": "order",
  "paymentAccountIdentifier": "cash",
  "formData": [
    {
      "type": "string",
      "marker": "name",
      "value": "Christina Thomas"
    }
  ],
  "products": [
    {
      "productId": 15,
      "quantity": 1
    }
  ],
  "currency": "USD",
  "totalSum": 400,
  "bonusApplied": 0,
  "totalDue": 400,
  "discountConfig": {
    "orderDiscounts": [],
    "productDiscounts": [],
    "coupon": null,
    "settings": {
      "allowStacking": false,
      "maxDiscountValue": null,
      "allowGiftStacking": false,
      "maxBonusPaymentPercent": null,
      "minBonusAmount": null,
      "minOrderAmountForBonus": null,
      "giftRefundPolicy": "KEEP_GIFT"
    },
    "additionalDiscountsMarkers": [],
    "totalRaw": 400,
    "totalSumWithDiscount": 400,
    "excludedGiftProductIds": [],
    "bonus": {
      "availableBalance": 0,
      "maxBonusDiscount": 0,
      "minBonusAmount": null,
      "minOrderAmountForBonus": null,
      "bonusApplied": 0
    },
    "bonusApplied": 0,
    "totalDue": 400
  },
  "statusIdentifier": "upcoming",
  "statusLocalizeInfos": {
    "title": "Upcoming"
  },
  "createdDate": "2026-06-06T11:38:21.644Z"
}

5. Pembuatan sesi pembayaran dengan Payments.createSession()​

Contoh:

const sessionData = await Payments.createSession(
  orderData?.id,
  'session',
).catch((e: any) => e);
Hasil:
{
  "id": 65,
  "createdDate": "2026-06-06T11:38:22.125Z",
  "updatedDate": "2026-06-06T11:38:22.125Z",
  "type": "session",
  "status": "waiting",
  "paymentAccountId": 1,
  "orderId": 116,
  "amount": null,
  "paymentUrl": null
}

6. Mendapatkan satu objek sesi pembayaran berdasarkan pengidentifikasi pesanan dengan Payments.getSessionByOrderId()​

Contoh:

const sessionByOrderId = await Payments.getSessionByOrderId(orderData?.id).catch(
  (e: any) => e,
);

console.log({ user, sessionData, sessionByOrderId });
Hasil:
[
  {
    "id": 65,
    "createdDate": "2026-06-06T11:38:22.125Z",
    "updatedDate": "2026-06-06T11:38:22.125Z",
    "type": "session",
    "status": "waiting",
    "paymentAccountId": 1,
    "orderId": 116,
    "amount": null,
    "paymentUrl": null
  }
]

Contoh akhir​

// 1. Import defineOneEntry from SDK and define PROJECT_URL and APP_TOKEN
import { defineOneEntry } from 'oneentry';

const PROJECT_URL = 'your-project-url';
const APP_TOKEN = 'your-app-token';

// 2. Creating an API client
const { AuthProvider, Orders, Payments } = defineOneEntry(PROJECT_URL, {
  token: APP_TOKEN,
});

// 3. User authorization with AuthProvider.auth('email', authData)
const authData = {
  authData: [
    {
      marker: 'email_reg',
      value: 'your-email',
    },
    {
      marker: 'password_reg',
      value: 'your-password',
    },
  ],
};
const user = await AuthProvider.auth('email', authData);
console.log(user);

// 4. Create order with [Orders.createOrder()](/docs/orders/createOrder)
const body = {
  formIdentifier: 'order',
  paymentAccountIdentifier: 'cash',
  formData: [
    {
      type: 'string',
      marker: 'name',
      value: 'Christina Thomas',
    },
  ],
  products: [
    {
      productId: 15,
      quantity: 1,
    },
  ],
};
const orderData = (await Orders.createOrder('orders', body as any).catch(
  (e: any) => e,
)) as any;

if ('statusCode' in orderData) {
  throw new Error(orderData.message);
}

// 5. Creation of payment session with [Payments.createSession()](/docs/payments/createSession)
const sessionData = await Payments.createSession(
  orderData?.id,
  'session',
).catch((e: any) => e);

// 6. Get one payment session object by order identifier with [Payments.getSessionByOrderId()](/docs/payments/getSessionByOrderId)
const sessionByOrderId = await Payments.getSessionByOrderId(orderData?.id).catch(
  (e: any) => e,
);

console.log({ user, sessionData, sessionByOrderId });