Saltar al contenido principal
@capgo/capacitor-impresora Archivos y almacenamiento Fuente abierta

Impresora plugin de Capacitor

plugin de Capacitor para imprimir documentos, HTML, PDFs, imágenes y vistas web

Instalar

bun add @capgo/capacitor-printer bunx cap sync
npm, pnpm o yarn
  • npm install @capgo/capacitor-printer
  • pnpm add @capgo/capacitor-printer
  • yarn add @capgo/capacitor-printer

Guía

Cómo usar Impresora en Capacitor

Probar en dispositivo

Descargue la aplicación Capgo, luego escane el código QR code.

Vista previa del plugin de impresora QR code

Usando @capgo/capacitor-impresora

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

Instalar

bun add @capgo/capacitor-printer
bunx cap sync

¿Qué se expone con este plugin?

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

- Presenta la interfaz de impresión para imprimir documentos 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

- Presenta la interfaz de impresión para imprimir documentos 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, conectarlo con @capgo/capacitor-impresora para los detalles de implementación en @capgo/capacitor-impresora, Getting Started para los detalles de implementación en Inicio, Directorio de Plugins de Capgo para el flujo de trabajo del producto en el Directorio de Plugins Capgo Plugins de Capacitor por Capgo para los detalles de implementación en Plugins de Capacitor por Capgo, y Agregar o Actualizar Plugins para los detalles de implementación en Agregar o Actualizar Plugins.

FAQ

FAQ sobre el plugin de impresora

¿Cómo instalo el plugin de impresora en una aplicación Capacitor?

Ejecuta &quot;bun add @capgo/capacitor-impresora&quot; (o &quot;npm install @capgo/capacitor-impresora&quot;), luego ejecuta &quot;bunx cap sync&quot; para que los proyectos iOS y Android capturen el code nativo. Importa desde &quot;@capgo/capacitor-impresora&quot; en tu aplicación code.

¿Funciona @capgo/capacitor-impresora con React, Vue y Angular?

Sí. Impresora es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Cuál versión de Capacitor soporta @capgo/capacitor-impresora?

Los plugins Capgo siguen la versión mayor de Capacitor: utilice la versión mayor del plugin que coincida con la versión mayor de Capacitor (por ejemplo, plugin v8 con Capacitor 8). La tabla de compatibilidad en el README de GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-impresora gratuita y de código abierto?

Sí. El código fuente de code está disponible en GitHub en https://github.com/Cap-go/capacitor-impresora/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de extracción.

Puedo actualizar code que utiliza Impresora sin una revisión de la Tienda?

Instalar o actualizar el plugin cambia la code nativa, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios en JavaScript, HTML y CSS que llaman al plugin pueden enviar instantáneamente con Capgo actualizaciones en vivo.

Envía cambios del impresor sin esperar a la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían cambios en JavaScript, HTML y CSS a los usuarios en minutos.

Comienza con Capgo