가이드
프린터에 대한 튜토리얼
@capgo/capacitor-프린터 사용
Capacitor 문서, HTML, PDF, 이미지 및 웹 뷰를 출력하는 플러그인.
설치
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-프린터를 계속 사용하세요.
__CAPGO_KEEP_0__을 사용 중이시면 capgo에서 capacitor-프린터를 사용 중이시면 __CAPGO_KEEP_0__을 사용하여 capgo을 capacitor-프린터와 연결하세요. capgo에서 capacitor-프린터의 구현 세부 정보를 참조하세요. Getting Started Getting Started의 구현 세부 정보를 참조하세요. Capgo 플러그인 디렉토리 Capgo 제품 워크플로우 디렉토리에서 Capacitor 플러그인은 Capgo에 의해 Capacitor 플러그인에 대한 구현 세부 정보는 Capgo에 의해 플러그인 추가 또는 업데이트 __CAPGO_KEEP_0__ 플러그인에 대한 구현 세부 정보는 플러그인 추가 또는 업데이트