Como gerar PDF no N8N de forma NATIVA e GRATUITA através do COMMUNITY NODES | Autotic

2.27k views2414 WordsCopy TextShare
Autotic - Automação de Marketing
Nessa vídeo-aula do curso Intensivão N8N, mostraremos como você pode gerar gratuitamente arquivos PD...
Video Transcript:
bom acompanhando aí os grupos de ntn eu tenho percebido que uma das necessidades mais comuns entre os usados que fazem automações ntn é poder gerar PDF hoje o ntn não disponibiliza um node nativo para isso Tá Mas e é possível você contratar uma API paga né para poder fazer isso tá E uma delas é o Api template né api template ponio tá você paga ali uma mensalidade E aí você pode gerar ali documentos no formato HTML e PDF doc etc tá também é possível você usar uma API específica de PDF né com o node HTML
para poder fazer diversas operações como criar PDF editar PDF eh abrir PDF protegido e etc tá eh porém existe um node da comunidade tá que você consegue gerar PDF com maestria tá ele funciona perfeitamente e ele faz isso por meio de uma imagem né então Claro você tem que primeiro gerar uma imagem aqui no você pode fazer isso com o node Edit image Inclusive a gente tem módulo sobre isso aqui no intensivão ntn tá eh e depois que você gera essa imagem você usa esse node para poder gerar o pdf tá e o nome desse
node é kit se eu não me engano tá ao acessar aqui o site do npm ds.com tá que é o site de pacotes aqui do npm você digita assim ó nntn PDF tá E aí você vai achar esse aqui ó ntn nodes PDF kit tá você vai clicar aqui ok E aí você vai copiar o nome do do node E aí vai aqui no seu ntn em settings opções depois community node tá clica aqui em inst community nodes forma o nome aqui do node tá marca aqui o o aceite e clica em instal beleza aguardo
alguns segundos para ele poder instalar Ok node instal tá ele tá na versão 0.1.2 tá E aí como é que a gente vai usar ele tá por exemplo se eu clicar aqui e e digitar PDF kit ele já aparece aqui para mim tá ó ele tem esse ícone aqui de um cubo né indicando que é um node da comunidade tá E aí a operação dele como eu informei né Ele converte de imagem para PDF ele espera aqui um um binário né esse binário eh no caso será a tua imagem né e aqui você pode dar
um nome qualquer tá E aí ele vai gerar o pdf bom E aí antes de usarmos esse node eu vou fazer um exemplo aqui de de gerar né Um Um certificado Ok então a gente pode começar fazendo o seguinte eu vou acrescentar aqui um um node code tá E aí vou criar aqui uma massa de dados na mão tá então vamos começar aqui por exemplo o nome né geralmente no certificado a gente tem o nome do aluno tá V botar aqui Hugo pedes mesmo o nome do curso né botar intensiv e a carga horária botar
aqui 40 pronto ó já tenho aqui de dados de exemplo Tá e agora eu posso adicionar aqui um http request para poder importar né um modelo de certificado da internet então eu posso pesquisar aqui ó certificado certificado fundo tá eu vou aqui em imagens deixa eu ver um um modelo aqui bem bacana ó pode ser esse aqui ó eu vou abrir como uma nova imagem né e uma nova guia deixa eu apagar isso aqui porque a URL tem que terminar com o nome do arquivo tá então ó nome do arquivo não com a extensão do
arquivo no caso jpg né vou copiar aqui vou colocar na URL do meu htp request você pode deixar aqui no modo get tá E aí quando você executar ó ele vai gerar um binário com o nome data Ok onde mostra aqui a imagem do certificado beleza ok em seguida vamos adicionar esse node aqui chamado Edit image tá E aí eu posso escolher essa opção aqui multistep quando eu quero fazer várias operações ali na criação da imagem tá então vou escolher aqui multistep beleza e aí repare que ele já aponta aqui o nome do binário automático
né porque no ntn o nome padrão do do binário é data tá é claro se se o teu binário vem com outro nome aqui você tem que mudar aqui também tá mas pro padrão é data Ok então é o meu certificado aqui ó meu template né eh e aí eu vou adicionar a primeira operação aqui tá a operação vai ser do tipo text né onde eu vou incluir ali o título né É claro que aqui no no modelo né no template de certificado você poderia já pegar um certificado que que venha por exemplo com logo
né do seu EAD ou logo da sua empresa né Caso sua empresa aí tem curso e tal você pode pegar um um template mais personalizado tá porque a ideia do NN é que de fato você só adiciona aqui o texto né que vai vir ali o nome do aluno né a carga horário nome do curso né mas e imagens outros elementos gráfico seria ideal que já viesse no seu template tá é possível adicionar também pela automação da NN sim mas e quanto mais o teu template tiver ali já coisas prontas melhor que aí você só
imprime o texto Tá bom então e primeira coisa que eu vou fazer aqui eu vou adicionar eh o título né então geralmente o título ele vem escrito o quê certificado de conclusão certo certificado de conclusão posso botar aqui uma fonte tamanho 30 tá E aqui em x e position Y né é para você ter uma base ali como vai ficar a posição ali do teu texto né onde x seria na horizontal e y na vertical tá então eu posso botar aqui um exemplo vamos testar aqui vou botar aqui 150 e aqui na vertical vou botar
um espaçamento de 100 né É claro esse essa posição é se referindo da esquerda pra direita tá aqui no x e no Y de cima para baixo tá e Max Line Lens né Ou seja é quando você determina ali o quanto de caracteres né pode ter ali em cada linha né para ter aquela quebra né pro seu certificado ficar ali mais bonito assim visualmente né então eu vou botar aqui eu vou deixar 70 tá aqui você pode escolher o tipo da fonte Tá eu vou deixar default mesmo ok E aí eu vou executar aqui só
para você ver como é tá então quando eu clico aqui em testar step né ó repare que ele vai mostrar a minha imagem aqui é o fundo tá e o texto impresso o texto que eu defini aqui nesse step aqui tá do Edit beleza ó Então tá lá certificado de conclusão tá parece que tá tá bem Centralizado aqui se não tivesse eu poderia ir ajustando aqui no position x né que é horizontal aqui tá aí eu posso colocar um pouquinho mais um pouquinho menos até ficar Centralizado Beleza eh e aí em seguida eu posso eh
adicionar mais um step aqui o tipo texto também tá ó Tex E aí eu já posso jogar aqui eh as variáveis que vê lá do meu code para montar aqui uma espécie de template ali né de certificamos que Fulano completou o curso tal entendeu então eu vou adicionando aqui ó OK aí eu posso já começar assim ó eh certificamos e o aluno aí vem o meu nome né concluiu o curso aí vem o nome do curso intensivão ntn em uma carga horária de 40 horas Ok posso aumentar um pouquinho essa fonte posso botar aqui 20
tá E aí mesmo esquema aqui do título né eu posso definir aqui a posição né aqui eu posso colocar aqui acho que eu vou deixar 50 mesmo né tentar botar 80 bom como o meu título tá aqui na posição 100 na na vertical aqui eu já posso botar 150 né ele vai ficar e um pouquinho abaixo do do título tá e máximo Line length né Vou botar aqui 50 e o tipo da fonte eu vou deixar defa mesmo tá vou executar aqui novamente para ver como vai ficar agora esse meu certificado ó a princípio ficou
legal tá vendo ó parece que tá Centralizado também e olha como saiu impresso lá ó certificamos que o aluno Hugo Peres concluiu o curso intensivão ntn em uma carga horária de 40 horas tá E aí como eu informei né você eh pode pegar um template que já tem um um logo aqui do do seu Ed da da sua empresa tá você poderia também adicionar mais um step aqui se você quisesse colocar por exemplo a data né Por exemplo eh e você poderia deixa eu ver aqui que se dá para fazer não se bem que eu
teria aqui que deixa eu ver não eu posso adicionar vamos fazer seguinte eu posso adicionar aqui mais um step e posso eh colocar aqui do tipo text aí posso deixar a fonte um pouco menor né vou botar 16 E aí posso colocar aqui eh a data né Por exemplo assim data dois pontos eí Claro tem que colocar aqui num formato de expressão né eu já posso usar aqui o editor de expressão para colocar dat por exemplo posso colocar aqui deixa eu ver today né o today ele retorna a data atual né E aí posso ainda
usar um formate né aqui né tá aqui ó data tá a hora não não precisa necessariamente tá só seria a data mesmo e aí eu já posso colocar eh lá no fim né o certificado por exemplo aqui eu vou colocar 200 e aqui eu já posso colocar 400 vamos ver como como vai ser impresso aqui éa é muito lá embaixo botar aqui 250 aqui eu posso colocar 150 também vamos ver aqui ó perfeito tá vendo ó ficou mais Centralizado e não ficou muito lá embaixo né então deixi aqui ó data tá vendo ok poderia também
colocar e data de emissão né aqui também poderia botar um espaço por exemplo para nome do instrutor né E aí Claro o nome do instrutor ele viria ali de alguma base de dados sua né claro que aqui eu tô colocando os dados na mão mas a princípio poderia vir ali do banco de dados onde vem o nome do aluno a carga horária o curso o instrutor e várias outras informações tá aí fica de acordo aí com a sua regra de negócio então uma vez você gerar a imagem do certificado né com o editage né como
você pode ver aqui ó você pode convertê-lo aliás convertê-la né essa imagem em pdf tá então aqui no meu PDF kit a única coisa que eu vou precisar é só colocar aqui o nome do certificado tá então poderia botar assim ficado tá sendo que eh Como deixa eu ver aqui talvez eu poderia tentar tirar o espaço eu posso fazer assim ó vou botar aqui como uma expressão e aqui eu coloco assim ó certificado aí dou um espaço tá E aí eu posso adicionar o nome do aluno tá porque é interessante também que o nome de
certificado saia com alguma variável né porque Imagine se você for salvar certificados e num num armazenamento em nuvem né Se ele vier com o mesmo nome vai vai sobrescrever né então você não pode ficar salvando sempre como certificado apenas né então é interessante que venha o nome certificado e o nome do aluno né ou até mesmo um um CPF ou um ID do aluno algum identificador único tá para não ter risco de sobrescrever o certificado ou então ter certificados ali idênticos né Tá bom então isso aqui é uma boa prática Então o meu PDF ele
vai sair com esse nome aqui ó certificado Hugo tá então executando agora o workflow completo eu vou conseguir gerar o meu PDF aqui ó o certificado no formato PDF Olha que bacana isso aqui tá e repare né Deixa eu clicar aqui ó repare que ele saiu com o nome lá ó certificado Hugo pedes ppdf né ó formato PDF tá vendo tamanho do arquivo 36 quase 37 KB tá E aí ó posso visualizar tá posso girar aqui ó posso dar zoom tirar Zoom posso também diretamente aqui do editor do NN ó baixar né se eu quiser
fazer download tá E também posso imprimir né se eu quiser imprimir já posso imprimir daqui também tá E aí claro né se você quiser salvar isso e no próprio servidor né do do ntm você pode usar lá né o o binar Né isso mesmo deixa eu ver Bin deixa botar botar binary Acho que eu devo achar Ah tá em WR Então escreva aqui WR né E aí ele pede só para eu informar o nome né o nome pode ser aqui [Música] o ver se eu consigo pegar aqui é poderia fazer a mesma coisa né poderia
colocar aqui ó se eu quiser assinar a pasta raiz né rot e aí por exemplo na pasta raiz eu tenho uma pasta lá chamado certificados por exemplo né E aí um uma barra aqui escrevo certificado a posso dar um um espaço né eu já usaria aqui o editor de expressão né E aí eu já pegaria aqui o nome Ó e colocarei aqui ponto PDF e aqui eu deixo o data né significando que ele vai pegar o binário aqui do do certificado que é esse aqui tá E vai salvar no no seu servidor do ntn lá
na pasta certificados tá E aí também se você quiser você também poderia salvar por exemplo no Google Drive né Aí você faria oad file né upload file né E aí mesmo esquema né aqui você colocaria o nome do arquivo apontaria Qual o driver né que você quer aliás qual pasta né do seu drive você quer salvar e pronto ele também salvaria ali no seu drive tá então você conseguiria fazer essa automação né gerando aí de forma automática os certificados aí do seu e da da sua empresa aí e esse node da comunidade PDF kit tá
bom bom Espero que você tenha gostado dessa aula um grande abraço e valeu
Related Videos
Como criar e conectar números virtuais de WhatsApp na Uzapi  #automatizar #chatbotwhatsapp #shorts
1:00
Como criar e conectar números virtuais de ...
Autotic - Automação de Marketing
55 views
Como fazer WEB SCRAPING (Raspagem de Dados) no N8N | Autotic
46:09
Como fazer WEB SCRAPING (Raspagem de Dados...
Autotic - Automação de Marketing
4,094 views
Curso GRATUITO de Chatbot de WhatsApp com N8N e Uzapi [VERSÃO COMPLETA] - Autotic
1:46:31
Curso GRATUITO de Chatbot de WhatsApp com ...
Autotic - Automação de Marketing
6,891 views
Generate PDFs in n8n with Gotenberg (for free!)
7:30
Generate PDFs in n8n with Gotenberg (for f...
Oskar
7,352 views
Como integrar o CHATWOOT ao N8N - Monitorando eventos do Multi Atendimento - 2024 | Autotic
29:17
Como integrar o CHATWOOT ao N8N - Monitora...
Autotic - Automação de Marketing
3,458 views
Langflow vs Flowise vs N8N ,  QUAL ESCOLHER ?
18:46
Langflow vs Flowise vs N8N , QUAL ESCOLHER ?
Vinicius Lopes
1,444 views
Apresentando: N8N Community Nodes
2:02:14
Apresentando: N8N Community Nodes
Powertic Marketing
955 views
How To Make Custom Tools in n8n to Automate ANYTHING with AI
18:20
How To Make Custom Tools in n8n to Automat...
Mike Powers
13,917 views
Como UNIFICAR DADOS usando o node MERGE do N8N | Autotic
22:14
Como UNIFICAR DADOS usando o node MERGE do...
Autotic - Automação de Marketing
977 views
Gere um ÚNICO PROMPT para o CHATBOT de IA do N8N através da CONCATENAÇÃO de mensagens | Autotic
35:19
Gere um ÚNICO PROMPT para o CHATBOT de IA ...
Autotic - Automação de Marketing
911 views
APRENDA A FAZER WEB SCRAPING AUTOMÁTICO COM N8N
28:43
APRENDA A FAZER WEB SCRAPING AUTOMÁTICO CO...
dcode
16,344 views
Como INSTALAR N8N de GRAÇA no SEU COMPUTADOR com apenas 1 COMANDO | Autotic
16:45
Como INSTALAR N8N de GRAÇA no SEU COMPUTAD...
Autotic - Automação de Marketing
4,280 views
Como INTEGRAR o AUTOMA ao N8N - Obtenha dados na Web sem API - 2024 | Autotic
29:02
Como INTEGRAR o AUTOMA ao N8N - Obtenha da...
Autotic - Automação de Marketing
4,757 views
FORMA CORRETA de fazer SUB LOOP no N8N | Autotic
19:18
FORMA CORRETA de fazer SUB LOOP no N8N | A...
Autotic - Automação de Marketing
777 views
Como ler arquivos do seu computador de maneira fácil e rápida com o N8N
11:50
Como ler arquivos do seu computador de man...
dcode
1,652 views
Automatize o envio de COBRANÇAS do ASAAS no N8N | Autotic
27:21
Automatize o envio de COBRANÇAS do ASAAS n...
Autotic - Automação de Marketing
4,766 views
Como usar o Node Split in Batches no N8N
9:46
Como usar o Node Split in Batches no N8N
Promovaweb Nocode e Marketing
4,146 views
Como fazer um app de Controle Financeiro na AppSheet? APP TUTORIAL - Aula 1
51:44
Como fazer um app de Controle Financeiro n...
SkillKey
34,632 views
1º Webinário de Automação: Mostrando todas as possibilidades do N8N
1:57:22
1º Webinário de Automação: Mostrando todas...
Paloma Silva
4,855 views
PRIMEIRA AUTOMAÇÃO COM N8N
1:32:16
PRIMEIRA AUTOMAÇÃO COM N8N
Felipe Raitano
7,391 views
Copyright © 2024. Made with ♥ in London by YTScribe.com