Saltar al contenido principal

Guía

Tutoriales sobre Impresora

Probar en dispositivo

Descarga la aplicación Capgo, escanea el código QR code.

Enlace QR de vista previa del plugin de impresora code

Usando @capgo/capacitor-impresora

Capacitor plugin para imprimir documentos, HTML, PDF, imágenes y vistas web.

Instalar

bun add @capgo/capacitor-printer
bunx cap sync

¿Qué Exposiciones Este Plugin?

  • printBase64 - Presenta la interfaz de impresión para imprimir archivos codificados como cadenas de base64.
  • printFile - Presenta la interfaz de impresión para imprimir archivos del dispositivo.
  • printHtml - Presenta la interfaz de impresión para imprimir documentos HTML.
  • printPdf - Presenta la interfaz de impresión para imprimir documentos PDF.

Uso de Ejemplo

printBase64

- Presenta la interfaz de impresión para imprimir archivos codificados como cadenas de 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

Presents the printing UI to print device files.

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

Presents the printing UI to print documents 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

Presents the printing UI to print documents 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',
});

Referencia completa

Sigue adelante desde Usando @capgo/capacitor-impresora

Si estás utilizando Usando @capgo/capacitor-impresora para planificar el trabajo de plugin nativo, conecta con @capgo/capacitor-impresora para el detalle de implementación en @capgo/capacitor-impresora, Inicio para el detalle de implementación en Inicio, Directorio de Plugins Capgo para el flujo de trabajo del producto en Directorio de Plugins Capgo, Plugins de Capacitor por Capgo para el detalle de implementación en Plugins de Capacitor por Capgo, y Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins.