Migrar angular-pdf / pdf.js directives a Angular moderno
angular-pdf renderizaba una página de PDF en un canvas con la directiva ng-pdf sobre pdf.js, con controles simples de página y zoom. Está atada a AngularJS.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| ngx-extended-pdf-viewer | Un visor completo con barra de herramientas, búsqueda, miniaturas e impresión, construido sobre pdf.js. |
| pdf.js directly (pdfjs-dist) | Cuando solo renderizas páginas en un canvas con tus propios controles, como hacía angular-pdf. |
| The browser's built-in viewer | Abre el PDF en una pestaña nueva o en un iframe cuando no hace falta una interfaz propia. |
Cómo migrarla
- Decide qué necesitan los usuarios: solo ver, o también buscar, imprimir, descargar y anotar.
- Carga los PDF con HttpClient como Blob o ArrayBuffer cuando el endpoint necesita el header de autenticación.
- Carga el visor de forma diferida, para que solo quien abre un PDF descargue pdf.js.
Cuidado con. pdf.js procesa los documentos en un archivo worker que debe coincidir exactamente con la versión de la librería. Copia el worker como asset del build, configura su ruta y vuelve a revisarlo después de cada actualización.
Otras librerías
¿Planeas una migración o una plataforma de microfrontends?
En una llamada de 20 minutos me cuentas tu situación y te digo cómo la abordaría. Si todavía no vale la pena, también te lo digo.
Escríbeme por LinkedIn