Struk Canvas

#6 Struk Belanja

Struk belanja digital layaknya screenshot asli sebuah aplikasi transaksi. Berikut code request untuk tutorial menggunakan canvas struk ini.

URL Endpoint

https://editor.vreden.my.id/struk

Headers

Header	Type	Description
Content-Type	String	image/png

Params

Berikut adalah contoh URLSearchParams request yang bisa dipakai untuk mendapatkan image struk belanja.

{
    "tanggal": "2024-12-18",
    "serial": "ABC123",
    "status": "Berhasil",
    "id": "INV001",
    "reff_id": "REF123",
    "code": "XYZ456",
    "product": "Produk XYZ",
    "tujuan": "Tujuan User",
    "note": "Catatan tambahan",
    "nominal": "Rp 50.000",
    "admin": "Rp 5.000",
    "total": "Rp 55.000",
    "store": "Toko A"
}

Contoh Code

Berikut adalah contoh code yang bisa di pakai untuk mendapatkan image tersebut.

const apiUrl = 'url endpoint'
const params = new URLSearchParams({
    tanggal: '2024-12-18',
    serial: 'ABC123',
    status: 'Berhasil',
    id: 'INV001',
    reff_id: 'REF123',
    code: 'XYZ456',
    product: 'Produk XYZ',
    tujuan: 'Tujuan User',
    note: 'Catatan tambahan',
    nominal: 'Rp 50.000',
    admin: 'Rp 5.000',
    total: 'Rp 55.000',
    store: 'Toko A'
}).toString()

const fullUrl = `${apiUrl}?${params}`

Const Code

Keterangan untuk const yang ada di code tersebut.

Field	Type	Description
apiUrl	URL	Berisi URL endpoint web api
params	JSON	Isi JSON data yang di convert ke params URL
fullUrl	URL	Hasil akhir dari search params, ini yang digunakan untuk get buffer

Params Request

Keterangan untuk params request URLSearchParams.

Field	Type	Description
tanggal	Tanggal	Format tanggal transaksi [YYYY-MM-DD].
serial	String	Nomor serial transaksi.
status	String	Status transaksi (Berhasil, Pending, Gagal).
id	String	ID transaksi.
reff_id	String	ID referensi transaksi.
code	String	Kode transaksi.
product	String	Nama produk transaksi.
tujuan	String	Tujuan transaksi.
note	String	Catatan tambahan untuk transaksi.
nominal	Angka	Nominal transaksi.
admin	Angka	Biaya admin transaksi.
total	Angka	Total transaksi setelah ditambah biaya admin.
store	String	Nama toko tempat transaksi.