JSPDF – Como Criar Arquivo PDF Utilizando o Node.js

Programador Viking 11 de abril de 2022 0 Comentários Leitura: 3 min

Neste artigo você vai aprender a utilizar a biblioteca jsPDF para criar arquivos em formato PDF utilizando o Node.js de uma forma bem simples.

E fica tranquilo porque mesmo sendo iniciante no mundo da programação, você vai conseguir entender e implementar o código que vou te ensinar aqui.

Ter esse conhecimento é muito importante para quem deseja trabalhar com Node.js no Back-End porque gerar arquivo PDF pode ser utilizado em diversos cenários.

Portanto, recomendo ler esse artigo até o final para entender todo o processo de criação de arquivos PDF utilizando o Node.js.

Confira neste artigo:

Biblioteca jsPDF

Primeiramente, devemos entender o que é a biblioteca jsPDF e para que ela foi criada.

Basicamente podemos utilizar essa biblioteca para criar arquivo PDF através de linhas de código. No exemplo desse artigo vamos usar o Node.js.

Ou seja, podemos capturar uma determinada informação e gerar um arquivo PDF com essa informação.

Mas para que utilizaríamos essa biblioteca?

Imagina que você está trabalhando com um sistema de vendas online e precise capturar todas as informações de vendas do banco de dados e mostrar para o usuário.

Você pode usar o Node.js para acessar essas informações e gerar um relatório em PDF com a biblioteca jsPDF.

Dessa forma o usuário irá conseguir visualizar esses dados dentro do arquivo PDF com poucos cliques. Agora vamos para prática entender melhor como essa biblioteca funciona.

Veja também: Como aprender JavaScript do zero e se tornar um programador profissional.

Instalação do jsPDF via NPM

Primeiramente devemos instalar o jsPDF utilizando o comando npm via terminal. Para isso, você precisa ter instalado o Node.js no seu computador.

Abra o prompt de comando (Windows) ou o terminal de comandos do seu sistema operacional e digite o comando abaixo:

npm install jspdf

Após pressionar a tecla enter será instalado a biblioteca jspdf no seu computador.

Depois de instalado, vamos iniciar o nosso código.

Iniciando o código

Vamos criar um arquivo javascript chamado index.js em um editor de código. Nesse exemplo vamos usar o Visual Studio Code.

Primeiro vamos carregar a biblioteca jsPDF digitando o código abaixo:

const { jsPDF } = require("jspdf");

Beleza, agora vamos declarar uma constante chamada doc que vai receber o objeto jsPDF().

const doc = new jsPDF();

Nesse momento já temos o objeto pronto para ser utilizado e agora vamos inserir as informações que serão armazenadas dentro do arquivo PDF.

Para isso, vamos usar o comando doc.text() passando três parâmetros:

Texto que será gravado no arquivo PDF;
Espaçamento da esquerda para direita;
Espaçamento de cima para baixo.

Veja também: Como aprender JavaScript do zero e se tornar um programador profissional.

Conforme exemplo abaixo:

doc.text("Bem vindo ao canal Programador Viking", 10, 10);

Nesse momento o nosso arquivo PDF terá a mensagem que informamos no método .text() do objeto doc. E ele vai ter um espaçamento de 10 da esquerda para direita e um espaçamento de 10 de cima para baixo.

Agora a única coisa que precisamos fazer aqui é salvar o nosso arquivo PDF.

Para isso vamos usar o comando doc.save() conforme abaixo:

doc.save("programador-viking.pdf");

Nesse momento o nosso script irá criar um PDF com o texto Bem vindo ao canal Programador Viking e vai salvar esse arquivo com o nome programador-viking.pdf

O script completo deverá ficar dessa forma:

const { jsPDF } = require("jspdf");

const doc = new jsPDF();

doc.text("Bem vindo ao canal Programador Viking", 10, 10);

doc.save("programador-viking.pdf");

Executando o script

Para executar o script é bem simples, basta acessar o diretório onde o arquivo index.js está localizado via terminal e digitar o comando abaixo:

node index.js

Dessa forma o script será executado com o Node.js e no final ele irá gerar o arquivo pdf que informamos no nosso script.

Esse arquivo PDF estará localizado no mesmo diretório do script index.js, ao abrir o arquivo você irá visualizar o texto que informamos no script.

Vídeo Aula

Caso você queira assistir uma vídeo aula completa ensinando o passo a passo detalhado de como utilizar a biblioteca jsPDF com Node.js. Basta clicar aqui ou na imagem abaixo: