Panduan
Cara menggunakan Printer di Capacitor
Menggunakan @capgo/capacitor-printer
Plugin Capacitor untuk mencetak dokumen, HTML, PDF, gambar, dan tampilan web.
Install
bun add @capgo/capacitor-printer
bunx cap sync
Apa yang Dibuka oleh Plugin Ini
printBase64- Menampilkan antarmuka pencetakan untuk mencetak file yang dikodekan sebagai string base64.printFile- Menampilkan antarmuka pencetakan untuk mencetak file perangkat.printHtml- Menampilkan antarmuka pencetakan untuk mencetak dokumen HTML.printPdf- Menampilkan antarmuka cetak untuk mencetak dokumen PDF.
Contoh Penggunaan
printBase64
Menampilkan antarmuka cetak untuk mencetak file yang dikodekan sebagai string base64.
import { Printer } from '@capgo/capacitor-printer';
// Print a base64 encoded PDF
await Printer.printBase64({
name: 'Invoice #12345',
data: 'base64-encoded-pdf-data',
mimeType: 'application/pdf',
});
// Print a base64 encoded image
await Printer.printBase64({
name: 'Product Photo',
data: '/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDA...',
mimeType: 'image/jpeg',
});
printFile
Menampilkan antarmuka cetak untuk mencetak file perangkat.
import { Printer } from '@capgo/capacitor-printer';
// iOS: Print from app documents directory
await Printer.printFile({
name: 'Contract',
path: 'file:///var/mobile/Containers/Data/Application/.../Documents/contract.pdf',
});
// Android: Print from content URI
await Printer.printFile({
name: 'Receipt',
path: 'content://com.android.providers.downloads.documents/document/123',
mimeType: 'application/pdf',
});
// Android: Print from file path
await Printer.printFile({
name: 'Photo',
path: 'file:///storage/emulated/0/Download/photo.jpg',
mimeType: 'image/jpeg',
});
printHtml
Menampilkan antarmuka cetak untuk mencetak dokumen HTML.
import { Printer } from '@capgo/capacitor-printer';
// Simple HTML document
await Printer.printHtml({
name: 'Sales Report',
html: '<html><body><h1>Q4 Sales Report</h1><p>Revenue: $125,000</p></body></html>',
});
// HTML with print-specific CSS
await Printer.printHtml({
name: 'Styled Invoice',
html: `
<html>
<head>
<style>
printPdf
Menampilkan antarmuka cetak untuk mencetak dokumen PDF.
import { Printer } from '@capgo/capacitor-printer';
// Print PDF from app storage
await Printer.printPdf({
name: 'Annual Report 2024',
path: 'file:///var/mobile/Containers/Data/Application/.../Documents/report.pdf',
});
// Print PDF from Android downloads
await Printer.printPdf({
name: 'Downloaded Document',
path: 'content://com.android.providers.downloads.documents/document/123',
});
Referensi Lengkap
- GitHub: https://github.com/Cap-go/capacitor-printer/
- Dokumen: /docs/plugins/printer/
Teruskan dari Menggunakan @capgo/capacitor-printer
Jika Anda menggunakan Gunakan @capgo/capacitor-printer untuk merencanakan pekerjaan plugin native, hubungkannya dengan @capgo/capacitor-printer untuk detail implementasi di @capgo/capacitor-printer, Panduan Awal untuk detail implementasi di Panduan Awal, Daftar Plugin Capgo untuk alur kerja produk di Daftar Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, dan Menambahkan atau Mengupdate Plugin untuk detail implementasi di Menambahkan atau Mengupdate Plugin.