@capgo/capacitor-printer 사용하기
문서, HTML, PDF, 이미지 및 웹 뷰를 출력하기 위한 Capacitor 플러그인입니다.
설치
bun add @capgo/capacitor-printer
bunx cap sync
플러그인이 제공하는 기능
printBase64- base64 문자열로 인코딩된 파일을 출력하는 UI를 제공합니다.printFile- 기기 내 파일을 출력하는 UI를 제공합니다.printHtml- HTML 문서를 출력하는 UI를 제공합니다.printPdf- PDF 문서를 출력하기 위한 인쇄 UI를 제공합니다.
사용 예시
printBase64
base64 문자열로 인코딩된 파일을 출력하기 위한 인쇄 UI를 제공합니다.
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
기기 내 파일을 출력하기 위한 인쇄 UI를 제공합니다.
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
HTML 문서를 출력하기 위한 인쇄 UI를 제공합니다.
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
PDF 문서를 출력하기 위한 인쇄 UI를 제공합니다.
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',
});
전체 레퍼런스
- GitHub: https://github.com/Cap-go/capacitor-printer/
- 문서: /docs/plugins/printer/
@capgo/capacitor-printer 사용법 더 보기
사용 중이라면 @capgo/capacitor-printer 사용하기 네이티브 플러그인 작업을 계획하려면, 다음을 연결하세요: @capgo/capacitor-printer @capgo/capacitor-printer의 구현 상세 정보 시작하기 Getting Started의 구현 상세 정보 Capgo 플러그인 디렉토리 Capgo 플러그인 디렉토리의 제품 워크플로우 Capgo 제공 Capacitor 플러그인 Capgo 제공 Capacitor 플러그인의 구현 상세 정보, 플러그인 추가 및 업데이트 플러그인 추가 및 업데이트의 구현 상세 정보