<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Ajis Dzalparo</title>
    <description>The latest articles on DEV Community by Ajis Dzalparo (@ajis_dzalparo).</description>
    <link>https://dev.to/ajis_dzalparo</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4046055%2F41f9bac2-4c1b-456b-8e00-7a1eadd8becd.jpg</url>
      <title>DEV Community: Ajis Dzalparo</title>
      <link>https://dev.to/ajis_dzalparo</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ajis_dzalparo"/>
    <language>en</language>
    <item>
      <title>Cara Print Langsung dari Browser ke Printer Thermal Tanpa Dialog Windows</title>
      <dc:creator>Ajis Dzalparo</dc:creator>
      <pubDate>Fri, 24 Jul 2026 19:51:14 +0000</pubDate>
      <link>https://dev.to/ajis_dzalparo/cara-print-langsung-dari-browser-ke-printer-thermal-tanpa-dialog-windows-k83</link>
      <guid>https://dev.to/ajis_dzalparo/cara-print-langsung-dari-browser-ke-printer-thermal-tanpa-dialog-windows-k83</guid>
      <description>&lt;p&gt;Mencetak dokumen dari aplikasi web biasanya harus melewati dialog print bawaan browser atau Windows.&lt;/p&gt;

&lt;p&gt;Untuk aplikasi biasa, hal tersebut mungkin tidak menjadi masalah. Namun, pada aplikasi POS, warehouse, inventory, dan shipping, pengguna bisa mencetak puluhan hingga ratusan label setiap hari.&lt;/p&gt;

&lt;p&gt;Membuka dialog print untuk setiap dokumen membuat proses menjadi lambat dan sulit diotomatisasi.&lt;/p&gt;

&lt;p&gt;Saya membuat &lt;strong&gt;Mrjee Print Bridge&lt;/strong&gt; untuk membantu menyelesaikan masalah tersebut.&lt;/p&gt;

&lt;h2&gt;
  
  
  Apa itu Mrjee Print Bridge?
&lt;/h2&gt;

&lt;p&gt;Mrjee Print Bridge adalah aplikasi desktop yang menghubungkan aplikasi web dengan printer lokal.&lt;/p&gt;

&lt;p&gt;Aplikasi web mengirimkan print job ke local API, kemudian Mrjee Print Bridge meneruskannya ke printer yang telah dikonfigurasi.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Web Application
       ↓
Local API (localhost)
       ↓
Mrjee Print Bridge
       ↓
Local Printer
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Proses pencetakan dapat berjalan tanpa membuka dialog print Windows.&lt;/p&gt;

&lt;h2&gt;
  
  
  Contoh penggunaan
&lt;/h2&gt;

&lt;p&gt;Mrjee Print Bridge dapat digunakan untuk berbagai kebutuhan, seperti:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Shipping label&lt;/li&gt;
&lt;li&gt;Barcode produk&lt;/li&gt;
&lt;li&gt;Label warehouse&lt;/li&gt;
&lt;li&gt;Dokumen PDF&lt;/li&gt;
&lt;li&gt;Struk dan dokumen operasional&lt;/li&gt;
&lt;li&gt;Printer Zebra dengan ZPL&lt;/li&gt;
&lt;li&gt;Printer SATO dengan SBPL&lt;/li&gt;
&lt;li&gt;Printer thermal yang terpasang di Windows&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Format yang didukung
&lt;/h2&gt;

&lt;p&gt;Versi Public Beta saat ini mendukung:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;PDF&lt;/li&gt;
&lt;li&gt;Raw ZPL&lt;/li&gt;
&lt;li&gt;Raw SBPL&lt;/li&gt;
&lt;li&gt;Printer Windows&lt;/li&gt;
&lt;li&gt;Logical printer mapping&lt;/li&gt;
&lt;li&gt;Daftar printer lokal&lt;/li&gt;
&lt;li&gt;Test print melalui halaman demo&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Mengapa menggunakan logical printer name?
&lt;/h2&gt;

&lt;p&gt;Nama printer fisik dapat berbeda pada setiap komputer.&lt;/p&gt;

&lt;p&gt;Sebagai contoh, komputer pertama mungkin mengenali printer sebagai:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;ZDesigner ZD421
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Sementara komputer lain menggunakan:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;ZDesigner ZD421 (Copy 1)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Jika nama printer ditulis langsung di source code aplikasi web, integrasi akan mudah rusak ketika printer diganti.&lt;/p&gt;

&lt;p&gt;Mrjee Print Bridge memungkinkan developer menggunakan logical name seperti:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;shipping-label
receipt-printer
warehouse-label
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Logical name tersebut kemudian dipetakan ke printer fisik dari aplikasi desktop.&lt;/p&gt;

&lt;p&gt;Contoh mapping:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"logicalName"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"shipping-label"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"physicalName"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"ZDesigner ZD421"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"zpl"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"enabled"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Aplikasi web cukup mengirim pekerjaan ke &lt;code&gt;shipping-label&lt;/code&gt; tanpa perlu mengetahui nama printer fisiknya.&lt;/p&gt;

&lt;h2&gt;
  
  
  Contoh mengirim print job
&lt;/h2&gt;

&lt;p&gt;Berikut gambaran integrasi menggunakan JavaScript:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;response&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;fetch&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;http://localhost:9000/api/print&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="na"&gt;method&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;POST&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;headers&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Content-Type&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;application/json&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Authorization&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Bearer LOCAL_SECRET_TOKEN&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
  &lt;span class="p"&gt;},&lt;/span&gt;
  &lt;span class="na"&gt;body&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;JSON&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;stringify&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
    &lt;span class="na"&gt;logicalName&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;shipping-label&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;type&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;zpl&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;data&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;^XA^FO50,50^A0N,40,40^FDMrjee Print Bridge^FS^XZ&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
  &lt;span class="p"&gt;})&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;result&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;response&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;json&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;result&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Bearer token pada integrasi produksi merupakan token keamanan lokal. Token tersebut bukan license key dan tidak membutuhkan koneksi ke server Mrjee.&lt;/p&gt;

&lt;p&gt;Untuk mencoba fungsi printing dari halaman demo, pengguna tidak perlu memasukkan bearer token.&lt;/p&gt;

&lt;h2&gt;
  
  
  Mengambil daftar printer
&lt;/h2&gt;

&lt;p&gt;Aplikasi juga dapat menyediakan daftar printer dan mapping yang sudah dikonfigurasi.&lt;/p&gt;

&lt;p&gt;Dengan demikian, developer dapat:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Menampilkan printer yang tersedia.&lt;/li&gt;
&lt;li&gt;Memilih printer tujuan.&lt;/li&gt;
&lt;li&gt;Menggunakan logical name dalam aplikasi.&lt;/li&gt;
&lt;li&gt;Mengganti printer fisik tanpa mengubah source code aplikasi web.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Bisa berjalan secara offline
&lt;/h2&gt;

&lt;p&gt;Proses printing berlangsung secara lokal:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Browser → localhost → Print Bridge → Printer
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;File yang dicetak tidak perlu dikirim ke cloud atau server Mrjee.&lt;/p&gt;

&lt;p&gt;Setelah aplikasi terpasang dan printer dikonfigurasi, proses pencetakan tetap dapat berjalan saat koneksi internet terputus.&lt;/p&gt;

&lt;p&gt;Internet hanya diperlukan untuk mengunduh aplikasi, membaca dokumentasi, dan memeriksa pembaruan.&lt;/p&gt;

&lt;h2&gt;
  
  
  Public Beta gratis
&lt;/h2&gt;

&lt;p&gt;Mrjee Print Bridge v1.0.0 saat ini tersedia sebagai &lt;strong&gt;Public Beta gratis&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Pada versi ini:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Tidak perlu memasukkan license key&lt;/li&gt;
&lt;li&gt;Tidak ada batas waktu penggunaan&lt;/li&gt;
&lt;li&gt;Printing dapat berjalan secara offline&lt;/li&gt;
&lt;li&gt;Tersedia halaman demo&lt;/li&gt;
&lt;li&gt;Tersedia dokumentasi integrasi&lt;/li&gt;
&lt;li&gt;Developer dapat menguji printer sebelum mengintegrasikan aplikasinya&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Cara mencobanya
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Download Mrjee Print Bridge v1.0.0.&lt;/li&gt;
&lt;li&gt;Install dan jalankan aplikasinya.&lt;/li&gt;
&lt;li&gt;Tambahkan printer.&lt;/li&gt;
&lt;li&gt;Tentukan logical name.&lt;/li&gt;
&lt;li&gt;Buka halaman demo.&lt;/li&gt;
&lt;li&gt;Pilih printer dan jalankan test print.&lt;/li&gt;
&lt;li&gt;Lanjutkan integrasi menggunakan dokumentasi yang tersedia.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Website dan dokumentasi:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://mrjeeprint.com" rel="noopener noreferrer"&gt;https://mrjeeprint.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Download versi terbaru:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://mrjeeprint.com/download" rel="noopener noreferrer"&gt;https://mrjeeprint.com/download&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;GitHub Release:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/ajisdzalparo/mrjee-print-bridge/releases/tag/v1.0.0" rel="noopener noreferrer"&gt;https://github.com/ajisdzalparo/mrjee-print-bridge/releases/tag/v1.0.0&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Feedback
&lt;/h2&gt;

&lt;p&gt;Public Beta ini dirilis untuk mendapatkan feedback dari developer dan pengguna di dunia nyata.&lt;/p&gt;

&lt;p&gt;Jika kamu mengembangkan aplikasi POS, WMS, inventory, shipping, atau sistem yang membutuhkan direct printing, silakan mencoba Mrjee Print Bridge.&lt;/p&gt;

&lt;p&gt;Feedback, laporan bug, dan saran dapat dikirimkan melalui GitHub Issues.&lt;/p&gt;

&lt;p&gt;Terima kasih sudah mencoba.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>printing</category>
      <category>electron</category>
    </item>
  </channel>
</rss>
