Fala galera beleza no vídeo de hoje eu vou te ensinar como usar uma alternativa ao k code para autenticar sua P WhatsApp vou te mostrar como utilizar o código de pareamento uma maneira mais simples e prática de conectar o seu número ap do WhatsApp eu sou o Pedrinho da Nasa E você está no canal da Comunidade zdg [Música] bora pra ação galera já faz um tempo que eu não trago aí um conteúdo técnico para vocês eu acho que esse assunto do código de pareamento é uma coisa bem interessante porque ele traz diversas vantagens na hora
de você fornecer sua ap de WhatsApp a gente tá acostumado a fornecer ap de WhatsApp utilizando o qrcode onde o seu cliente ou você precisa apontar o teu celular pra tela do computador para o qrcode com código de pareamento é muito simples você vai receber esse código vai passar pro seu cliente seu cliente vai colocar o código diretamente ali no celular dele e a api já vai est autenticada então isso traz um ganho aí de praticidade e simplicidade na hora de você fornecer sua P de WhatsApp então basicamente a gente vai seguir aqui dois passos
e bem rápidos tá bom o primeiro deles você vai criar aí no seu na sua área de trabalho é uma pasta tá bem eu criei a pastinha chamada paring code dentro dessa pasta você vai subir alguns arquivos que vão estar disponíveis na página de apoio né então você vai subir o pack de Jon o index o icon o check e o bot cdg paring code esses essas três pastas aqui ó vou até deletar elas elas vão ser criadas tá bem eh a partir do momento que a gente rodar a instalação como eu já tô usando
a pasta aqui dentro deixa eu vamos fazer do zero para você entender como que vai funcionar isso legal ó ó Então você vai criar sua pastinha paring code na tua área de trabalho e vai criar esses cinco arquivos tá bem esses cinco arquivos vão estar disponíveis aí na página de apoio para que você acesse os e consiga copiar pra sua máquina beleza aí eu vou fazer via vs code aqui visual Studio code né e vou abrir a pastinha minha pastinha ela é chamada aqui de paring code legal e a tá aqui ó eh primeiro arquivo
mais importante é o pack de Jon nós vamos utilizar uma ap chamado WhatsApp web JS na versão webpack Exodus que é uma versão que tá em testes aí em breve vai se tornar a versão oficial da da api tá bem e também nós vamos criar além do package Jon nós vamos criar o index HTML né que é esse carinha aqui que vai enviar as informações pro nosso frontend que é esse esse carinha que tá rodando aqui esse index HTML Vamos criar um ícone e um um ícone de checagem assim que o dispositivo é conectado ele
mostra para mim o verdinho e este outro ícone svg que tá aqui é esse cara que tá aqui também pode ser qualquer um tá bem os dois svgs você pode inclusive usar sua marca da maneira que você quiser aí E o mais importante o bot zdg paring code tá bem que a gente vai utilizar ali para autenticar eh o número tá vamos até tirar aqui ó beleza ó ah ninguém viu ninguém viu Tá número de teste eu devia ter tirado antes mas não vou editar não tava ali foi tá legal eh primeira coisa que você
vai fazer assim que você criar os cinco arquivos na sua pasta do per code você já de node Git instalado na sua máquina tá tô usando aqui o node na versão 18 isso é 20 na verdade é importante que o seu node seja 18 ou superior você navega aqui abre o terminal novo terminal Navega até a pasta e roda o npm install tá nesse momento ele vai criar para você aquela pastinha que nós apagamos a node models a node models ela vai trazer todas as dependências todos os programas ali podemos dizer né de maneira eh
mais simplificada todos os programas necessários para rodar a tua api tá então ele vai instalar vai criar patinha node modules com os arquivos necessários para que na hora que a gente Execute o node par code ele entenda tá que é para ele fazer isso aí enquanto ele vai instalando pra gente eh aqui dentro da da criação desse Arquivo ele é bem simples A gente já falou muito aqui dentro do canal né sobre a construção de um arquivo JS para criar é sua ap já terminou atéa eh já falou lá na comunidade zdg tem um conteúdo
exens vasto né né do zero para você aprender a desenvolver se você também não tem não sabe desenvolver se você quiser a solução pronta instalada na tua máquina no teu servidor a gente também fornece isso como uma cortesia né Assim que você entra na comunidade zdg Você pode agendar a instalação aí de alguns sistemas dentro do seu servidor tá então a gente também fornece ISO com a cortesia para todos os alunos que entram ali na comunidade E aí basicamente O que que tem diferente nesse arquivo que a gente tá usando ó eh esse cara aqui
ó que é a criação do QR Code aqui dentro do evento de io que manda todas as informações ali pro nosso index HTML então tudo que tá acontecendo dentro dentro desse evento de io ele é exportado aqui pro nosso index HTML o index HTML escuta essas informações tá a partir dessa conexão via socket legal e aí que que tem de diferente o restante tá tudo igual que vocês já estão acostumados Tá mas o que tem de diferente é que a partir de agora dentro do evento de QR Code ele traz pra gente tá a opção
de você utilizar o paring Code que é o código de pareamento né então você vai usar este código e aqui dentro no request paing code você vai passar o número que vai requerer esse pairing code tá depois posteriormente você pode criar ali uma interface dentro do teu do teu front para passar isso manualmente tá então vou trazer aqui as bases de como você vai gerar teu paring code para que você consiga depois adaptar no teu sistema né e manipular da maneira que você achar melhor inclusive se você jogar no chat chpt ele vai dar para
você pronto tá eh Então beleza ó construiu o perir Code deu o install eh colocou o número para onde vai ser enviado o código de pareamento você vai dar aqui o start tá npm start ou node e bot CGP encode da manira que você achar melhor dar o start aqui se eu der o npm start Por que ele vai executar esse esse programa para mim ó porque aqui no meu npm start tô dizendo ó se você se escrever npm start você executa para mim o bot cdgp code JS Beleza então posso dar npm start ou
simplesmente tá download ali que ele vai funcionar ah lá beleza ó executei você vem aqui Abre o teu front no Browser local host 8000 tá para ele iniciar Eh vamos ver se ele não trouxer de prima a gente Restart aqui tava ah lá já trouxe ó que que ele tá dizendo ó vou copiar aqui ó insira o código para conectar no dispositivo ó ó lá ó n já tá inválido Vamos ver se esse aqui que tá válido Ó lá vamos rodar de novo então pera aí vai filho vai filhinho vai você viu que legal né
ele traz aqui pra gente o aviso né dizendo para inserir o paring Code vamos aguardar e vamos trazer o paring code para você Perry per code para você per code para você hum legal ó dispositivo autenticato conectado né Beleza ó lá já a p já tá conectada então com esta esse método tá de de paring code é muito mais prático muito mais fácil você fornecer sua api tá bem eh teu cliente que tá lá do outro lado Às vezes precisa ler o QR Code de novo ou o celular tá com o supervisor não com o
usuário Então você simplesmente passa o Perry code o o detentor do dispositivo digita esse esse código de pareamento e o seu dispositivo está pronto para consumir a api Então é isso aí forte abraço beijo no coração de todos fiquem com Deus qualquer dúvida é só chamar e não deixe de garantir a sua vaga na com unidad zdg estamos junto Pedrinho da Nasa até a próxima