¿Quieres crear o generar archivos PDF?

En este post vamos a aprender a generar archivos PDF a partir de una vista.

Para realizarlo será necesaria la instalación del Nuget Rotativa.AspNetCore que instalaremos desde Visual Studio

Una vez instalado este componente realizaremos un ejemplo sencillo aunque conciso de como realizar nuestro generador.

Instalación Nuget Rotativa.AspNetCore

En nuestro caso crearemos nuestro proyecto desde cero y lo haremos del tipo: ASP.NET Core Web App (Model-View-Controller)

haremos click derecho sobre el proyecto y seleccionaremos Manage Nuget Packages

Nos dirigiremos a la pestaña de Browse y escribiremos Rotativa, seleccionando la opción marcada mostrada en la imagen de abajo , a continuación procederemos a su instalación.

Comprobamos que esta instalada, dirigiéndonos a la ventana Installed

wwwroot

Nos dirigiremos a wwwroot y dentro de este crearemos una carpeta llamada Rotativa.

Dentro de esta incluiremos dos archivos

Los cuales descargaremos desde el siguiente enlace:

https://github.com/webgio/Rotativa/tree/master/Rotativa.Demo/Rotativa

Y este sería el resultado:

A continuación ejecutaremos la aplicación para previsualizarla antes de implementar lo necesario para la creación de nuestro PDF

Este seria el aspecto de nuestra aplicación iniciada, ahora nuestro siguiente paso será implementar lo necesario para que la vista que tenemos se genere como un pdf.

Startup.cs

Nuestro siguiente paso para comenzar con la implementación de nuestro generador será dirigirnos a la clase Startup.cs en la cual añadiremos únicamente el código señalado en el recuadro como se muestra en la siguiente imagen:

Es muy importante escribir el código tal cual aparece en la imagen, ya que al haber conflicto de versiones esta sería la única opción válida y las demás estarían obsoletas.

HomeController.cs

Por consiguiente nos situaremos en la carpeta Controllers, y dentro de ella en HomeController.cs

Dentro de este fichero escribiremos lo siguiente :

En nuestro caso generaremos el PDF de la vista Index.cshtml solo como demostración de que funciona correctamente, pero puedes crearlo a partir de la vista que necesites.

Una vez finalizado lo anterior solo nos faltaría ejecutar nuestra aplicación y ver el resultado.

Resultado

Finalmente vemos que el Pdf se ha generado correctamente.

Anotaciones

Hay que poner especial atención a la versión del Nuget ya que las versiones antiguas estan obsoletas y ya no son compatibles.

Autor/a: Yesenia Pozo Vargas

Curso: Desarrollo Web Full Stack, Multicloud y Multiplataforma

Centro: Tajamar

GitHub: https://github.com/yesismiile/GeneradorPDF.git

Recursos: https://github.com/webgio/Rotativa/tree/master/Rotativa.Demo/Rotativa

Video: https://web.microsoftstream.com/video/1cc937cd-e3a5-4005-bb5b-7a50eddda4ac?list=studio

Leave a Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.