Persiapan
Ada beberapa file yang harus kita download:- Recta-Host, aplikasi yang akan menghandle perintah print dari Browser ke Device Printer, kita bisa download di https://github.com/adenvt/recta-host
- Zadig, ini khusus untuk pengguna Windows. Zadig digunakan untuk menginstall Driver WinUSB yang nanti dibutuhkan jika kita akan menggunakan printer dengan adapter USB, Anda bisa download langsung lewat website Zadig https://zadig.akeo.ie/
Installasi
Install / Replace Driver Printer menggunakan Zadig
Berikut ini langkah-langkah installasi driver printer usb dengan Zadig:
- Buka Zadig yang telah kita download tadi.
- Klik Options > List All Devices.
- Pilih device printer, kita bisa lepas dan colok lagi usb printer jika ragu.
- Lalu klik Install Driver / Replace Drive.
Install Recta-Host
Cara installasi Recta-Host :
- Buka Recta-Setup.exe yang sudah kita download tadi
- Jika muncul peringatan Windows protected your PC. jangan khawatir, cukup klik More info > Run Anyway
- Tunggu loading selesai
- Setelah loading selesai, Recta-Host akan terbuka otomatis, sampai disini installasi Recta-Host sudah berhasil
- Lalu kita set Printer Adapter, karena kita menggunakan Printer USB, maka kita set ke USB. untuk VID & PID, kita kosongi saja
- Selanjutnya jangan lupa kita Save
- Klik Start untuk mengaktifkan service Printernya,
kalau tidak ada masalah akan akan muncul Service Started ! di Log.
Klik Test-Print untuk memastikan Printer berjalan normal
Persiapan Code / Server
Setelah sisi client / host, sekarang kita masuk ke sisi server / code kita.
- Include library Recta ke halaman web kita.
<script src="https://cdn.jsdelivr.net/npm/recta/dist/recta.js"></script>
- Lalu tambahan script untuk melakukan print, contoh sebagai berikut:
- ganti APPKEY dengan App Key yang ada diconfigurasi Recta-Host.
<button onclick="onClick()">Print</button>
<script src="https://cdn.jsdelivr.net/npm/recta/dist/recta.js"></script>
<script type="text/javascript">
var printer = new Recta('APPKEY', '1811')
function onClick () {
printer.open().then(function () {
printer.align('center')
.text('Hello World !!')
.bold(true)
.text('This is bold text')
.bold(false)
.underline(true)
.text('This is underline text')
.underline(false)
.barcode('UPC-A', '123456789012')
.cut()
.print()
})
}
</script>
Catatan :
untuk sementara Recta baru support untuk printer dengan command set ESCPOS (printer POS, baik thermal / dot matrix), untuk Ink Jet & Laser jet masih belum bisa.