19 🧾 Generar Código QR con datos de la Factura | Sistema de Parqueo Laravel 12 FullStack

Duración: 12 min
Módulo: 🎟️ Gestión de Tickets y Cobro Lección 8 de 8

Descripción

19 🧾 Índice de Lección: Generar Código QR con Datos de la Factura | Sistema de Parqueo Laravel 12 FullStack

La lección trata sobre la mejora de la seguridad y la elegancia de la factura mediante la instalación y configuración de una librería para generar un Código QR que contiene los datos esenciales de la transacción.

1. Instalación y Configuración del Paquete QR

  • Librería: Se instala el paquete Milon Barcode (Milon/Laravel-Barcode) a través de la terminal [00:48].
  • Contenido del QR: Se define la variable $qr concatenando los datos clave de la factura que se incrustarán en el código:
    • Número de factura [03:11].
    • Nombre del cliente y número de documento [01:47].
    • Placa del vehículo [03:41].
    • Detalle del servicio (tiempo total de parqueo) [04:17].
    • Costo total (monto) [05:14].
  • Generación del Código QR:
    • Se utiliza la librería con la versión 2 (para generar QR en lugar de código de barras) y la clase QRcode [07:57].
    • Se convierte el contenido de la variable $qr en una imagen PNG ($barcode_png) [06:14].

2. Integración del Código QR en la Factura PDF

  • Envío de Datos: Se pasa la variable $barcode_png (la imagen del QR) a la vista de la factura PDF [07:01].
  • Diseño y Estilos:
    • El código QR se inserta como una etiqueta de imagen debajo del total [06:40].
    • Se ajusta el tamaño del QR a 100x100 píxeles y se alinea al centro para una presentación óptima en el documento [08:33] - [08:54].

3. Siguientes Pasos del Proyecto

  • Módulos Faltantes: Se planea trabajar en:
    • Diseño del Dashboard [10:45].
    • Implementación de la funcionalidad para reimprimir facturas (útil en caso de pérdida por parte del cliente) [10:54].
    • Creación de reportes con filtros de fecha para auditoría (ej. facturas por mes) [11:15].