Lewati ke konten utama

Pembelian barang dan jasa tanpa registrasi pengguna

Dalam contoh ini, kami menunjukkan cara melakukan pemesanan tamu tanpa memerlukan registrasi pengguna.

✅ Tujuan skenario:

  • Pengguna tidak terautorisasi.
  • Pengguna mengisi formulir dengan kontak (misalnya, guest_orders).
  • Memilih produk (Anda dapat menetapkan daftar sebelumnya).
  • Pesanan dilakukan untuk pengguna guest_user.

✅ Apa yang Anda butuhkan:

  • PROJECT_URL dan APP_TOKEN yang valid untuk otentikasi dengan API OneEntry.
  • penanda formulir pesanan tamu, misalnya guest_orders
  • daftar productId dan kuantitas

📌 Penting:

  • Bidang formulir (penanda, tipe) harus sesuai dengan pengaturan formulir di panel admin.
  • Jika Anda perlu mengirimkan notifikasi tentang pesanan, Anda dapat menggunakan Events.
  • 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 definisikan PROJECT_URL dan APP_TOKEN​

Contoh:

import { defineOneEntry } from 'oneentry';
import { IOrderData } from 'oneentry/dist/orders/ordersInterfaces';

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. Kami membentuk array dengan bidang yang diperlukan untuk otorisasi pengguna​

Contoh:

const authData = [
  {
    // registration form email marker
    marker: 'email_reg',
    value: 'your-email',
  },
  {
    // registration form password marker
    marker: 'password_reg',
    value: 'your-password',
  },
];
Hasil:
[
  {
    "marker": "email_reg",
    "value": "kvasssukr.net@gmail.com"
  },
  {
    "marker": "password_reg",
    "value": "123456"
  }
]

4. Masuk sebagai pengguna tamu untuk melakukan pemesanan​

Contoh:

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

5. Menghasilkan data yang biasanya diterima dari formulir frontend​

Contoh:

const guestFormData = [
  {
    marker: 'guest_name',
    type: 'string',
    value: 'Christina Thomas',
  },
  {
    marker: 'guest_phone',
    type: 'string',
    value: '+18005000500',
  },
  {
    marker: 'guest_email',
    type: 'string',
    value: 'guest@yourmail.com',
  },
];
const productsData = [
  {
    productId: 15,
    quantity: 1,
  },
];
const body: IOrderData = {
  formIdentifier: 'guest_order',
  paymentAccountIdentifier: 'cash',
  formData: guestFormData,
  products: productsData,
};
Hasil:
[
  {
    "productId": 15,
    "quantity": 1
  }
]

6. Membuat pesanan tamu​

Contoh:

const order = await Orders.createOrder('guest_orders', body);

if ('statusCode' in order) {
  throw new Error(order.message);
}
Hasil:
{
  "id": 113,
  "formIdentifier": "guest_order",
  "paymentAccountIdentifier": "cash",
  "formData": [
    {
      "marker": "guest_name",
      "type": "string",
      "value": "Christina Thomas"
    },
    {
      "marker": "guest_phone",
      "type": "string",
      "value": "+18005000500"
    },
    {
      "marker": "guest_email",
      "type": "string",
      "value": "guest@yourmail.com"
    }
  ],
  "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": "guest_upcoming",
  "statusLocalizeInfos": {
    "title": "Upcoming"
  },
  "createdDate": "2026-06-06T11:37:20.044Z"
}

7. Pembuatan sesi pembayaran​

Contoh:

const paymentSession = await Payments.createSession(
  order.id,
  'session',
  false,
);
console.log(paymentSession);
Hasil:
{
  "id": 62,
  "createdDate": "2026-06-06T11:37:21.260Z",
  "updatedDate": "2026-06-06T11:37:21.260Z",
  "type": "session",
  "status": "waiting",
  "paymentAccountId": 1,
  "orderId": 113,
  "amount": null,
  "paymentUrl": null
}

8. Mendapatkan satu objek sesi pembayaran berdasarkan pengenal pesanan dengan Payments.getSessionByOrderId()​

Contoh:

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

console.log(sessionByOrderId, paymentSession, user);
Hasil:
[
  {
    "id": 62,
    "createdDate": "2026-06-06T11:37:21.260Z",
    "updatedDate": "2026-06-06T11:37:21.260Z",
    "type": "session",
    "status": "waiting",
    "paymentAccountId": 1,
    "orderId": 113,
    "amount": null,
    "paymentUrl": null
  }
]

Contoh akhir​

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

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. We form an array with fields required for user authorization
const authData = [
  {
    // registration form email marker
    marker: 'email_reg',
    value: 'your-email',
  },
  {
    // registration form password marker
    marker: 'password_reg',
    value: 'your-password',
  },
];

// 4. Log in as a guest user to place an order
const user = await AuthProvider.auth('email', {
  authData: authData,
});
console.log(user);

// 5. Generate data that is usually received from the frontend form
const guestFormData = [
  {
    marker: 'guest_name',
    type: 'string',
    value: 'Christina Thomas',
  },
  {
    marker: 'guest_phone',
    type: 'string',
    value: '+18005000500',
  },
  {
    marker: 'guest_email',
    type: 'string',
    value: 'guest@yourmail.com',
  },
];
const productsData = [
  {
    productId: 15,
    quantity: 1,
  },
];
const body: IOrderData = {
  formIdentifier: 'guest_order',
  paymentAccountIdentifier: 'cash',
  formData: guestFormData,
  products: productsData,
};

// 6. Create a guest order
const order = await Orders.createOrder('guest_orders', body);

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

// 7. Creation of payment session
const paymentSession = await Payments.createSession(
  order.id,
  'session',
  false,
);
console.log(paymentSession);

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

console.log(sessionByOrderId, paymentSession, user);