DESENVOLVENDO BOT DE DISCORD COM JAVASCRIPT E COLOCANDO NO AR!

97.25k views12811 WordsCopy TextShare
Rafaella Ballerini
E temos hospedagem VPS na Hostinger com desconto! Confira no link: https://www.hostg.xyz/SHBtl cup...
Video Transcript:
Oi gente sejam bem-vindos a mais um vídeo aqui do canal eu sou a Rafaela ballerini e hoje a gente vai desenvolver um bot para discord [Música] É isso mesmo Pessoal vocês pediram muito Eu já postei várias vezes lá no Instagram desenvolver no bote a gente na comunidade tem também vários funcionando tanto que mais modera o que mais cuida da nossa comunidade foi o bote desenvolvido pela galera lá da administração principalmente tal ou matam o bem também a galera do r2d2 então eu vim trazer aqui para vocês como que a gente faz isso e quem sabe
você também consegue trazer um bote lá para o seu servidor ou mesmo comercializá-lo porque assim também é um mercado em que o pessoal consegue monetizar os botes e colocar em vários servidores no Brasil e no mundo inteiro e esse tutorial Ele é bem atualizado Porque hoje o discorde também tem mudado bastante né antigamente a gente usava discórdia aqueles commandinhos com prefixos né Mas alguma coisa e hoje não hoje o discord ele tá querendo pelo menos para os botes com mais de 100 servidores que é o que a gente sempre espera ter apenas os que funcionam
com o que é aquele formato que a gente sempre dá o Barra antes e aí a gente consegue selecionar em qual bote a gente quer fazer o comando né o prefixo meio que para todos os Bots mas ele vem com várias outras configurações como botões é uma caixa seletora também então tá bem legal e no final dessa aula a gente ainda vai colocar o bote no ar que para mim assim ó a cereja do bolo que a gente vai fazer aqui nessa aula e a gente vai colocar numa VPS da hostgager então eu vou fazer
todo o passo a passo para vocês verem como é essa partezinha que faz a diferença para o nosso projetinho e vocês já podem usar para poder monetizar e da forma como vocês quiserem porque a gente trabalha com tecnologia Tem essa possibilidade então sem mais delongas a gente vai utilizar o que a linguagem de programação Java script mesmo eu achei que é mais tranquilo o projeto ele não tá tão simples então eu recomendo muito que você já tenham conhecimento prévio Em lógica de programação orientação objetos a gente vai usar bastante e a gente vai usar o
discord para a gente poder se conectar com as ferramentas do discord AP e do discord existem outras linguagens que você pode fazer isso a gente já fez lá na comunidade com python já fez com pepscript também então fica à vontade aqui eu vou ensinar como a gente faz com discord de ponto GS mas sinta-se livre então para você que não tem ainda as ferramentas para conseguir mexer com Java script lá no back-end que é com node instaladas a gente vai começar com isso se você já tem pode pular um pouquinho tutorial Então a primeira coisa
que a gente vai fazer é instalar todas as ferramentas necessárias que a gente vai usar nesse projeto que no caso vai ser o JavaScript no backend que é um modem e junto com nojo a gente precisa de um gerenciador de pacotes de arquivos que no caso pode ser tanto npm ou o yarme se você preferir vai escolher o que que você quiser eu nesse caso vou usar o npm por aqui e eu vou ensinar também para quem ainda não tem na máquina como que faz a gente Primeiramente vem aqui no site do nude gs.org vai
na parte de downloads e a gente já consegue ver dependendo do sistema operacional que você tem na sua máquina Como que você vai instalar Eu recomendo baixar aqui o LTS que é mais recomendado para todo mundo que a versão mais estável E aí você vem aqui clica para poder instalar o formato que você prefere na instalação você vai dar anexo Mas tem uma parte que é importante sempre você selecionar ali para baixar o npm junto e adicionar o caminho no pé junto lá com load também Então tome cuidado aí nessa parte da instalação garante que
tá eu não sei se por padrão já vem eu não lembro exatamente como era mas eu vou tentar achar uma imagem e colocar aqui para vocês verem como deixar em seguida Você pode abrir o seu terminal e dar os comandinhos node traço traço verde e ele vai trazer a versão caso não traga é porque ainda não tá instalado deve ter tido algum problema na instalação ou você não tem instalado na máquina ainda e tem que instalar e pode dar também o npm menos menos verde para ver se ele foi instalado ali junto com node e
tudo certo agora para baixar o Yane você também tem que ir lá no site deles e instalar você pode instalar inclusive pelo próprio npm se você já tiver baixado npm então ele tem vários formatos aqui que você pode baixar dependendo do sistema operacional e dependendo também das Ferramentas que você já tem instalado a maioria das coisas dos Comandos que vão diferir entre um gerenciador de pacote e outro é por exemplo no npm a gente vai usar npm install discord ponto JS no a gente vai usar e arnie Ed discord JS então também para rodar a
gente vai usar o npm e Arne Então vai com que você gosta mais e para quem não entendeu esse gerenciadores de pacotes que a gente vai baixar junto com nude na verdade não servir para a gente conseguir baixar todas as dependências do nosso projeto né então como eu falei a gente vai usar o discord ponto JS para poder se conectar com a api do discord como que a gente faz isso a gente precisa baixar todos os trechos de código que já foram desenvolvidos por outras pessoas que vão poder fazer funcionar o nosso código com essa
conexão entendeu É como se a gente pegasse realmente algo que outras pessoas desenvolveram para poder deixar mais fácil o nosso desenvolvimento imagina que a gente imagina se a gente tivesse que desenvolver toda essa parte também né da API de conectar e criar vários métodos e comandos para poder mandar mensagem pelo bote de discord então isso tudo facilita a nossa vida demais Beleza agora instalado o básico que é essas ferramentinhas a gente tem que também instalar o discord de ponto JS no nosso projeto mas antes eu vou criar nossa pastinha então você pode ir no lugar
que você quiser eu vou aqui no meu trabalho eu vou criar uma nova pasta e vou colocar bote traço discorde e aqui dentro é onde a gente vai começar a desenvolver eu vou abrir aqui o nosso visor Studio code que vai ser o editor de código que a gente vai usar também você pode escolher qualquer outro editor se você quiser e eu vou abrir aí a nossa pasta que a gente acabou de criar Então tá em documento trabalho bote discórdia abrir e aqui que vai ser o nosso diretório do projeto fechar esse get started e
vou abrir o nosso terminal no vsco você pode vir aqui abrir provavelmente vai ter também o atalho para você abrir o nosso no caso aqui é a seta para cima e o tio Então bora começar instalando né o discord gs a gente entra aqui no site oficial do discord.gs e de cara ele já tem aqui qual é o commandinho que a gente utiliza para poder instalar então eu posso copiar e rodar direto lá no terminal do nosso projeto Então esse npm está o discord gs provavelmente é de disco de jazz eu clico para rodar [Música]
Então pronto olha só o que que ele fez dentro do nosso projeto então é importante que você já esteja dentro da pasta do projeto preste atenção aqui no terminal que você tiver no seu editor ele foi lá e baixou o que uma pasta chamada no models que vai ter todas as dependências para poder utilizar o node com as configurações uma coisa que a gente não vai mexer ele baixou o pack de traço Loki Jason que também tem várias configurações aqui do nosso projeto todas as versões das coisas que a gente está utilizando aqui ó do
discord JS por exemplo dependências também a gente provavelmente não vai usar e esse pack é de ponto Jason que também vai trazer algumas outras informações configurações que a gente vai usar no projeto beleza nosso projeto então tá pronto Lógico que não né pessoal tem nada aqui para a gente conseguir desenvolver a gente não vai desenvolver nenhum desses três arquivos que estão aqui a gente vai ter que criar um arquivo JavaScript para poder escrever tudo para o nosso tiver fazer E para isso nosso primeiro comando vai ser o npm e nit a gente pode dar um
traço Y para ele poder iniciar já com algumas configurações pré-definidas de nome de projeto ou se você não der o w ele vai rodar e a gente vai ter que começar a escrever essas informações por exemplo a primeira coisa que ele pediu foi pack de name volte discord vejam 1.0.0 pode ser entre descrição bote de estudos de programação para discórdia tomar cuidado para sempre quando sempre for utilizar o tio c cedilha eu prefiro não usar aqui no terminal nos projetos depois se precisar e a gente muda a gente vai ser o index.js Sim eu quero
que esse seja o arquivo principal do projeto e o comando de teste não vamos usar agora não vamos criar agora o kit repositório também não que o Words palavra-chave bote discorde é autor Rafaela ballerini então isso tudo se você tivesse colocado o y provavelmente já teria ido é automaticamente licença tal tá ótimo Então olha só o que que vai acontecer ele já colocou todas essas informações aqui no pack é de ponto Jason e aí ele vai já deixar tudo prontinho legal então agora a gente precisa o quê criar o nosso arquivo em desconto GS index.js
ali dentro da nossa pasta e aqui a gente vai começar a brincadeira se a gente abrir aqui o discord JS a gente tem um gás tem a documentation também para a gente poder tirar qualquer dúvida em relação às classes que a gente pode utilizar mas eu gosto de entrar no gás porque aqui ele mostra realmente passo a passo de tudo que é importante então aqui ó ele tem até a instalação do node e do discord JS tem como você cria um líder né então se você quiser utilizar um líder aí para automaticamente que você for
salvando e formatando o seu código de uma maneira legal pode usar aqui para você configurar a gente não vai fazer isso porque o projeto já tá um pouquinho grande demais para esse vídeo então a gente pula aqui para esse série up abote application a gente primeiro precisa criar o nosso Bote lá no discord que normalmente a gente faz isso mesmo quando a gente quer usar um api que seja um pouquinho maior né Mas sério como por exemplo quando você quer usar a peido Spotify você também tem que fazer todo o registro lá na plataforma deles
para desenvolvimento e é isso que a gente vai fazer então eu vou entrar aqui discord developers e aí a gente vem provavelmente se você ainda não tá logado no discord Você precisa fazer o login é tranquilo pessoal é seguir o passo a passo do login eu já estou logada então já foi automaticamente para essa página e aí você vai vir aqui em applications assim que você terminar de fazer o seu login o seu cadastro eu tenho já algumas aplicaçõeszinhas que eu fiz aqui teste para poder brincar com bot tem inclusive o baile bote né para
quem não viu Tem um vídeo aqui no canal já HTML CSS para quem gosta que a gente fez uma Landing Page para esse Vale bote mas agora a gente vai fazer então uma nova aplicação e o nome do bode vai ser estudefy que vai ser um botezinho para a gente poder estudar é programação e tudo que a gente quiser no servidor mais privado ou com alguns outros colegas o time que eu vou colocar aqui vai ser o Personal mesmo se você tiver alguma comunidade talvez ou alguma algum time de desenvolvimento você pode também escolher mas
eu vou colocar pessoal e vou criar a aplicação nova criando aplicação nova tá pronto o bote ainda não a gente pode colocar aqui por exemplo um ícone bonitinho Pode colocar um nome uma descrição legal então vou [Música] de estudos de programação você pode colocar tags também bote vírgula né programação vírgula estudos study e aqui tem várias informações que são importantes application aí de Public que isso aqui é importante você não vazar não deixar acontecer o que eu estou fazendo como eu não vou utilizar esse bote essa aplicação posteriormente e dá para você também trocar todas
essas informações eu não tô me preocupando aqui porque eu quero que vocês aprendam vendo mas tenta não vazar para ninguém e aqui você consegue também colocar um uma imagemzinha eu vou colocar essa imagem bonitinha do garotinho com a mochilinha e vou salvar Beleza agora a gente precisa vir aqui na esquerda nesse menu que tem o bote a gente precisa criar realmente um bote para trazer ele como usuário essa aplicação como o usuário de discord bote e a gente vai clicar aqui é de bote aí vai falar que essa ação é irrevocável Pense com sabedoria então
sim a gente vai fazer isso criamos um ai de bote o que que é importante aqui esse username exatamente o nome que vai aparecer lá no discord né se você entra numa comunidade em qualquer lugar você tem lá o seu nome depois você até conseguem configurar um outro nome dependendo das comunidade que você tá mas esse aqui vai ser o do nosso bote bonitinho e aqui tá o identificador depois é importante também esse token Então você clica aqui para resetar o token eu vou fazer isso eu já volto porque eu vou precisar pegar também o
código de autenticação E aí você vai conseguir aparecer o token que você também vai precisar utilizar daqui a pouquinho Pronto acabei de resetar meu token tá aqui o meu tokenzinho que daqui a pouco se você vazar sem querer isso aqui você dá um reset novamente mas a gente vai utilizar esse aqui por enquanto depois no final aqui do vídeo eu reservo porém beleza nosso bote tá aqui bonitinho como que a gente vai trazer ele para a gente poder testar em ambiente mesmo do discord a gente precisa de um servidor para isso então se você já
tiver um servidor Eu recomendo você usar um que não tenha muita gente né no caso eu já fiz a besteira de usar o nosso servidor valerine lá no discord que tem quase 40 mil pessoas Eu testei lá no chat de moderadores e acabei apagando todas as mensagens que a gente já tinha mandado lá então você imagina a tristeza que foi para mim E aí eu recomendo que você crie um novo servidor de estudos eu criei aqui o servidor da Bali e é bem simples tá pessoal para criar um servidor você vem aqui adicionar servidor e
esse faz o passo a passo ali se você quer algum template se você quer utilizar com time ou não eu coloco tudo que é para personal quando a gente está fazendo esse ambiente de desenvolvimento e eu também não gosto de usar template eu fiz um servidor básico do básico algo básico eu criei um canal Bem Assim branquinho tinha só o canal de texto geral que eu mudei o nome para estudos traço teste e tem um canalzinho de voz geral também então tem só eu tá tudo aqui bonitinho o convite seus amigos tal mas não é
isso que a gente vai fazer a gente vai adicionar apenas o bote aqui para a gente poder brincar com ele ele vai mandar mensagem aqui nesse canal de texto então o que que a gente precisa quando a gente sempre vai colocar por exemplo um outro bote né A Lolita aqueles mais famosões que a gente vê por aí a gente sempre precisa de um link para poder dar permissão e isso a gente tem aqui também a gente vai aqui nesse oaf ele tem outras informações de clight Information mas a gente vai nesse URL generator e aqui
a gente vai colocar as permissões do nosso bote que a gente vai precisar eu vou colocar aqui que o escopo que a gente vai usar é bote e aplication ponto importante você colocar exatamente essa configuração para poder funcionar o nosso código e as botes aqui embaixo a na verdade vai usar só semesses read messages e os Slash commands se quiser colocar depois mexer em alguma coisa relacionada a emoji você pode colocar também ver o histórico de mensagem as mensagens mandadas Antes desse bote entrar mas assim se você quiser realmente testar eu em ambiente de desenvolvimento
mudo para administrador que eu consigo desenvolver tudo que eu quero e aí depois eu vou lá e mudo a URL né quando eu já for colocar em prática dependendo do que que eu desenvolvi do bote sabe eu deixo do meu lado criativo rodar E aí eu vou criando tudo que eu quiser às vezes eu vou criar commandinhos para mensagem de voz aí depois eu tenho que vir aqui aí conecta o negócio de voz eu deixo como administrador e depois eu vou organizando isso eu acho que é mais fácil então aqui embaixo a gente vai ter
a URL já criada e eu vou copiar cuidado tá Pessoal esse negócio de administrador aqui usem apenas em ambiente de desenvolvimento no seu servidor privado se você for testar em qualquer outro servidor Eu recomendo você só colocar as permissões que você vai usar então a gente copia aquela URL coloca numa nova guia e roda para a gente poder instalar Poder chamar o nosso bote para poder fazer parte do servidor vou colocar aqui o servidor que eu quero que ele faça parte que esse Servidor da Bali de bali vou continuar ele quer a permissão de administrador
vou autorizar vou dizer que eu sou humana e pronto tá autorizado e o que que aconteceu se a gente voltar aqui no discorde tcharam ele apareceu aqui né tudo de fai Ele está aqui online no caso no seu canal de geral ele provavelmente vai aparecer vai aparecer uma mensagem apareceu legal mas ele tá aqui offline ele tem até a tagzinha Bote ele veio já com o cargo chamado Studio Fire que é bem legal mas agora a gente precisa trazer ele a vida para ele poder mandar mensagem a gente vai voltar aqui para o nosso gaide
do discord GS para conseguir entender como que a gente faz isso olha só o que ele fala do bote token né das informações de token que a gente tinha visto aqui já no discord de vela ou perspot né de aplication aqui isso tudo a gente vai realmente precisar utilizar no nosso projeto Então como que eu Rafaela gosto de guardar essas informações ao invés da gente começar aqui o nosso código com é token igual aí coloca aqui o token de uma forma completamente visível eu gosto de utilizar o dote Enseada mais é do que um arquivo
que a gente vai baixar que a gente vai deixar também no nosso Ou seja quando a gente subiu o nosso projeto no Git ele não vai ser um arquivo que vai subir junto para as pessoas poderem ver E aí eu consigo importar esse arquivo dentro dos nossos outros arquivos de projeto para poder utilizar essas informações Então como que a gente utiliza esse dot end a gente vem aqui no terminal dar um npm instaldo ele vai baixar aqui bonitinho e pronto [Música] a gente cria um arquivo com ponto M mesmo esse é o nome do arquivo
e aqui dentro a gente vai colocar essas informações ele vem no formato chave letra maiúscula igual o valor tudo junto um em cada linha Então vamos começar pelo próprio token do discord que eu sei que são informações que a gente vai usar a gente vem aqui no bote copia esse nosso token que a gente tinha resetado e cola aqui direto a gente vai usar também o client underline que vai ser a chave e o valor dele tá em o out qual em dia a gente copia Cola e a gente vai usar também o guild underline
na verdade é o servidor ele se refere ao servidor de teste que a gente vai usar então eu vou aqui no nosso servidor da clicar com o botão direito em cima do nome dele e vai aparecer lá embaixo copiar aí de como última opção E aí a gente vai colar também esse número aqui no nosso dot em salvar e pronto as nossas informações são todas aqui e a gente vai trazer para o nosso GS no momento que a gente precisa tinha falado para vocês é importante a gente criar um arquivo ponto Git e ignore que
na verdade vai dizer quais arquivos não são para subir junto no nosso projeto lá no nosso repositório que a gente for talvez deixar público então é importante a gente colocar o note underline models que é essa pastazona grandona que não precisa subir a gente também pode colocar o ponto and também são é só você colocar quais arquivos né listados um em cada linha e por enquanto acho que é isso dá para colocar também o pack de lock Jason mas eu vou deixar só esses dois por enquanto E aí é importante caso você faça realmente um
repositório e querer que as pessoas depois contribuam você colocar esse passo a passo de como instalar o dotienv como pegar as informações para elas poderem testar com o bote delas lá com token delas então elas precisam também ter esse essa esse arquivo para poder funcionar no código Beleza então agora a gente vai finalmente começar a desenvolver o bote meu Deus do céu já foi assim uma parte gigantesca do vídeo e a gente não não chegou nem a escrever um console.log para vocês verem a loucura que é a gente ter que mexer com outras ferramentas e
isso é maravilhoso né porque se não fosse por isso a gente não conseguiria fazer um pote de corte se não fosse por esse discord de jazz e tudo mais mas agora o nosso ambiente está pronto e vamos começar como eu falei para vocês atualmente o discord ele tá trazendo muito mais os Bots que usam Slash commands eu vou até mostrar para vocês aqui o que que é que é quando a gente digita esse barra e aí a gente tem essas opções de comandos Então você consegue escrever TTS por exemplo ou você consegue clicar nele e
aí ele vai funcionar e o nosso bote é importante ter essa esse mecanismo para a gente poder deixar ele bem atualizado então para isso a gente vai ter que desenvolver toda a interação entre pastas entre comandos para deixar o nosso projetinho um pouco mais preparado para caso a gente queira aumentar ele então eu vou aqui ó em Creation que vai ser justamente o nosso index.js e aqui ele tem primariamente o código Aqui tá o código que você precisa para poder iniciar o seu bote de discord então a gente pode simplesmente copiar e colar isso aqui
no nosso index JS por que que eu tô fazendo isso né acompanhando a documentação e mostrando para vocês tu tá ensinando como que a gente aprende uma tecnologia sozinho sozinha é de forma completamente autodidata porque assim que a gente faz a gente tem que aprender a ler documentação e seguir o passo a passo então aqui na noite ele sempre vão estar em inglês por isso que a gente fala tanto da importância do inglês na programação e olha só aqui primeiramente ele tá instalando trazendo do discord GS né usando esse require para poder trazer do discord
JS essas classes que a gente vai usar no nosso projeto que é Clint eventos que vocês estão vendo aqui que já tá sendo chamado em outras partes do nosso código então eu vou tirar esse comentário eu vou colocar alguns comentários pessoal aqui no projeto Talvez para eu vou deixar mais didático para vocês mas vocês não precisam escrever tá para ficar mais limpo aqui a gente está criando uma Instância de Clint aqui embaixo a gente está chamando o token com esse require.com fig.jayson a gente não tá usando esse formato de conseguir ponto de Jason a gente
tá usando o dot end para poder ter o token então a gente já vai fazer essa configuração eu já mostro para vocês e esse client vai ser exatamente a classe que a gente vai usar para basicamente tudo para a gente conseguir mandar mensagem que o nosso bote vai usar para conseguir ter os métodos de mandar mensagem o método de poder entrar em um canal de voz então é por isso que a gente tá criando aqui então a gente vai usar no nosso código sempre esse lá em minúsculo quando a gente quiser criar os comandos do
nosso bote e aí quando gosta estiver pronto a gente vai rodar esse código apenas uma vez a gente não vai copiar e colar ele várias vezes em seguida porque esse aqui é quando ele faz o login né a gente cai tipo lance apenas uma vez quando o cliente estiver pronto a a gente vai mandar aqui no nosso console.log Red login provavelmente vai ser o nosso ID do usuário eu vou colocar até em português pronto [Música] login realizado de nome rasado como aí o nome do bode então isso aqui é justamente para a gente poder fazer
o login e aqui na verdade aqui né ponto login que a gente vai usar com o nosso token mas isso aqui é para quando a gente colocar o bote online e isso aqui gente é o básico o que que vai acontecer se a gente rodar na verdade a gente precisa primeiro desse token né que eu tinha apagado e para a gente poder usar do Chase que tava aqui eu vou criar uma conste dot envie eu vou colocar até aqui também um comentário para vocês pegarem Dote and a gente vai criar uma concha do atiend a
gente vai dar um assim como a gente tava fazendo em cima ali com discord de S A gente vai fazer com o dote envie aqui no java script também uma um detalhe aqui dá para você usar ou não o ponto e vírgula eu acho legal usar Mas provavelmente ao longo do código eu vou esquecer então eu já vou tirar todos como padrãozinho aí embaixo a gente vai fazer um Dote and e agora a gente vai atribuir os valores aqui da nossa variável que a gente obteve e já configurou em algumas constantes Então deixa eu pegar
as chaves que eu falei para vocês que eu ainda não tô acostumada com o meu teclado tipo assim eu ainda não sei aonde pegar Opa eu ainda não sei aonde fazer as chaves para vocês terem noção e aqui dentro Eu vou já pegar todas as informações de Token [Música] E aí da onde eu vou pegar do processas.dote envio Então as três informações que estão aqui então as três informações que estão aqui vão ser as três informações em ordem que eu coloquei aqui então esse token já tá aqui aí a gente já tá usando ele ali
para fazer o login eu vou rodar o nosso código pela primeira vez como rodamos nude e o nome do arquivo que a gente quer rodar index.js eu vou dar um enter pronto login realizado como estude Fire Então eu entro aqui no nosso discord e olha só ele tá online agora se eu consigo chamar ele eu consigo fazer alguma coisa Não ele nem tem comando para a gente poder chamar então a gente precisa começar a trabalhar nisso agora beleza então agora a gente vai começar a criar os nossos comidinhas de barra o que que eu vou
fazer aqui no nosso projeto eu vou criar uma pasta em que a gente vai adicionar todos os arquivos de cada um com o seu comando eu gosto assim porque ficar muito mais organizado é também o que tá na documentação caso você faça um lote muito pequenininho você até pode colocar tudo aqui mesmo no index.js mas assim né pessoal vamos vamos organizar melhor as coisas que vai ficar muito mais escalável depois que você quiser melhorar o seu bote então aqui dentro desse commands a gente vai criar o nosso primeiro arquivo o nosso primeiro comando ping.js porque
ping.js porque o famoso hello world de todo o bote de discord que tem não sei nem seleção de todos os Bots é a gente dá um ping deixa eu ver até se tem aqui Pink do acho que não aqui do discord mas acho que não tem e esse Pinho O que que ele faz quando a gente dá um pingo a gente escreve ping ele responde pong para ver a gente sempre usa meio para verificar se o bonde está online está funcionando Qual é a rapidez dele e a gente vai usar como molde como primeiro para
isso a gente vai trazer a classe [Música] Slash Command builder vai ser o construtor de Slash e a gente vai dar aquele ui Ford [Música] .js Beleza então a gente tem que distanciar agora essa classe com alguns atributos então para isso a gente vai dar o new Slash Command builder entre parentes e aqui embaixo a gente consegue sentar nesse formato né Dá o ponto e adicionar o nome sete name que vai ser ping o nome mesmo do comando aquele o nomezinho que vai aparecer aqui quando a gente der o barra e a gente vê que
ele tem o nome e aqui é a Minnie descrição procura gifs animados né em série tal coisa na sua mensagem então no caso o que que ele faz a gente vai ter que colocar um sete de scription nome e aqui é a mini descrição e a gente vai colocar o quê responde com pong beleza junto com isso a gente vai precisar criar uma função assim para poder ser exatamente o que que vai ser executado na hora que a gente clicar nesse comando como usuário lá do discord então ela vai ser uma sim ex aqui e
entre parentes a gente vai receber uma internet que vai ser recebida na hora que qualquer usuário ali membro do Servidor interagir com o nosso bote ou seja ele executar algum dos Comandos listados Isso vai ser acho que era um formato de Jason que vem com várias informações sobre essa interaçãozinha então é isso que a gente vai receber aqui na função e aí a gente vai dar um Awake e o que que a gente vai fazer pinterestion ponto replay a gente vai responder essa interação com um pong pong mas isso tudo a gente não consegue rodar
aqui direto nesse nesse arquivo a gente precisa expotá-lo aqui para o nosso index.js que é onde a gente vai chamar para poder executar os comandos então a gente precisa usar o ódio ponto Export eu sei que tá dando um monte de erro gente a gente já vê isso igual E aí eu vou abrir aqui as chaves e vou exportar tanto as informações a data né umidentada e eu vou exportar tanto essas informações de data quanto essa função assíncrona e como que eu vou fazer isso eu vou colocar aqui como data dois pontos e aqui vai
ser as informações acho que vou deixar assim mais bonitinho Vou salvar e aqui a gente coloca uma vírgula E aí vai ser isso aqui que vai ser executado Então pronto agora não tá mais gritando aquele erro e pronto pessoal agora a gente já tá exportando a nossa o nosso comandinho com as informações dele com o que ele vai executar na hora que for chamado a interação mas a gente precisa de um handler né aqui no index JS a gente precisa carregar os nossos comandos na verdade primeiramente trazer todos eles aqui a gente tem apenas um
no momento mas quando a gente tiver mais de um ano a gente precisa trazer todos eles estiverem listados arquivos e aí a gente precisa também carregar e executar cada um deles a gente precisa ter esse controle de chamar cada arquivo Dependendo de qual interação foram executada pelo trabalho Então como que a gente vai fazer isso primeiro aqui em cima eu vou também colocar um comentáriozinho para vocês se organizarem que vai ser a importação dos comandos né E a gente vai usar esse FS que vai ser o [Música] node dois pontos FS e o que que
é isso é o módulo nativo do note mesmo para a gente poder mexer com arquivos e a gente vai usar também o [Música] e a gente vai também pegar require do node dois pontos que também é o módulo nativo do node para a gente mexer com o caminhos para poder navegar entre pastas e puxar aqui os comandos e como que a gente vai fazer isso vamos lá a gente vai primeiro pegar o caminho dos Comandos Então a gente vai criar uma variável comando Space igual ao PS ponto que é o que a gente tá usando
aqui né do módulo nativo para mexer com caminhos Joy aí a gente vai pegar o dir name dirhaname nada mais é que o nome do diretório que é o nome de pastas né que a gente chama e isso aqui são dois underlines que o nome da pasta que a gente vai buscar essa aqui dentro do nosso projeto Então esse caminho a gente vai colocar nessa variável comando Space E aí a gente vai criar uma variável como a gente faz e vai que vai alocar os arquivos e a gente vai usar esse comando spef para poder
puxá-los que vai ser com esse FS aí vem esse Reed [Música] já aparece aqui a gente vai ler o diretório desse caminho aqui que a gente tinha pego pomada vai filtrar apenas os arquivos que terminarem ponto JS para a gente garantir que o que a gente trouxer vai ser um arquivo JavaScript então ó a gente vai colocar que a file ela vai ter que ter o que ai cadê o comandinho ela vai espalha o ponto and with ou seja termina com ponto JS Então vamos rodar aqui o código eu vou dar um console ponto logo
e só para vocês verem então o que que a gente tá trazendo que que é esse comandy file né que que é uma Rage de arquivos o que que ele é porque a gente vai precisar agora para poder mexer então eu vou dar o download index.js ele é um rei né você vê esse colchetes aqui só que ele só trouxe o pink já faz Porque é o único arquivo que a gente tem então o que que eu acho que é importante a gente fazer andar dentro desse Away rodar e trazer na informação de cada um
desses arquivos Então a gente vai fazer isso como o famoso fora então four fiel então para cada faio dentro desse arade comandos a gente vai fazer o quê vai trazer para o caminho da Fael primeiramente dessa forma constrói o pé para trazer a informação do comma E aí a gente vai cada vez que a gente rodar agregar né dar um join nesse nessa variável trazendo o caminho de cada arquivo que a gente for adicionando que vai ser então pés ponto join E aí entre parênteses só que a gente vai receber aqui ó vamos dar um
console logo só para a gente entender o que que a gente tá recebendo com esse comandos né vou dar um console logo só para a gente entender no deendex.js vamos ver olha só a gente está recebendo exatamente o que a gente está exportando aqui né esse data com essa informação que é o Slash coma de builder isso aqui tudo tem várias outras informações que a gente não preencheu a gente só acertou o nome a descrição você vê que o nome de streetner se você quiser você pode também escrever e ele veio também com a funçãozinha
Execute né então que é uma funçãozinha assim para Nair esse aqui vai ser o que a gente vai isso aqui dentro dela vai ser o que a gente vai executar quando for chamada Beleza então ela tá vindo nesse formato só que a gente tem que garantir o quê que existe data e que existe se aquecer né Para a gente poder de fato setar Esse comando então o que que a gente vai fazer aqui no index JS Deixa eu tirar aqui o console logo então o que que a gente vai fazer aqui a gente vai criar
uma condição então in Command tem data no comando e também Execute [Música] em Command aí a gente vai para a gente poder citar o comandante vai precisar guardar todos os comandos que a gente for colocado dentro do nosso bote em algum tipo de dado para a gente poder brincar com ele tem que ser o formato chave e valor para a gente poder ter o nome do comando como chave e o valor com todas as informações dele também a função assim então para isso a gente vai usar um tipo de dado que se chama collections Então
como que a gente vai fazer a gente vai colocar aqui um clight a gente vai pegar esse mesmo que a gente já tava criando cadê o print acho que ele Tá eu vou até trazer ele mais para cima deixar ele aqui em cima então a gente já está estacionando a classe clarent como plante aí a gente vai criar um negócio para ele que vai ser uma Collection mil polex abre parênteses salva E aí aqui embaixo Então a gente vai colocar dentro dela que vai ser um clight ponto Thomas Ponto 7 aí a gente vai passar
como chave Command que esse aqui né que a gente já tava pegando ponto data ponto name ou seja o nome e a gente vai passar o comando em si como o valor e se não né Élcio eu vou dar um console ponto log E aí eu vou pegar aqui o template string Vou colocar aqui mas eu vou mudar mensagem obviamente eu vou colocar esse comando em aí eu vou colocar aqui o caminho do comando para a gente saber qual deles está com data ou [Música] ausentes a gente saber que talvez a gente tenha criado aqui
um comando errado e pronto vamos rodar o bote para ver o que que tá acontecendo pronto fez login realizado tudo certo provavelmente ele não Pera aí eu vou dar um console logo aqui só para a gente garantir que não vou dar aqui fora eu vou dar um console logo aqui fora console log só para a gente ver se ele tá pegando direitinho né vou dar aqui um client.comants para ver se ele tá realmente atribuindo aqui todos os comandos que na verdade é esse ping só eu vou rodar de novo e a gente vai conseguir ver
olha só ele tá online né se a gente entrar aqui no discord tudo funcionando aquele primeiro código que a gente já tinha e olha ele trouxe para gente uma Collection de um de um tamanho só só tem um elemento E aí ele tem aqui a chave ping e aqui todo o valor que nada mais é do que o comando inteiro com a data inclusive o nome e a função para ser executada legal tá funcionando aqui o nosso forno isso tudo para a gente só dá um pum alguém pessoal só que vamos ver aqui no discord
se ele tá aparecendo né algum comando e não tá né a gente já vê quem ainda não apareceu nada porque porque a gente precisa agora primeiro receber a interação do usuário com o nosso bote e além disso a gente também precisa registrar Esse comando lá no Slash commands eu já explico para vocês como e porque fazer isso vamos primeiro criar esse lixo né que vai ser o que vai ficar ouvindo se a gente vai interagir ou não com o bote e aí quando interagir vai poder chamar o comando que a gente já tá importando para
o index.js com todo essa estrutura aqui de raps muito louca que a gente criou E aí a gente já registra e funciona e eu vou adicionar isso aqui embaixo do nosso login então pera aí eu vou até colocar aqui os comentários né Primeiro vou juntar essas duas partes e vou colocar como login do bot isso aqui tudo vou colocar como importação dos Comandos E aí aqui embaixo eu vou colocar o listenner de interações [Música] com o bote e o que que a gente vai fazer a gente vai usar esse Client [Música] .one e a gente
vai pegar esse verde é esse mesmo formato aqui porém é quando ele estiver on não é apenas ones Evans ponto ao invés de ser quando o cliente estiver pronto vai ser quando houver uma interação que vai ser interaction [Música] [Música] Chaves aqui vou dar aqui para eu colocar a chave e o que que a gente vai fazer neste momento que a interação for criada vou dar um enter se a interação ela for diferente se a interação for diferente de um input dentro do chat porque existem vários tipos de interação a gente vai dar um retorne
para não executar nada para não chamar nada Então como que a gente faz isso é o internet [Música] aí a gente vai dar um return agora se não for a gente vai dar um console.log e receber essa internet só para vocês verem como que ela é qual que é o formatinho dela ai meu Deus Calma que aqui eu errei alguma coisa tá vamos rodar para ver como que a gente recebe a interação um detalhe tá pessoal uma dica né para quem quiser se você apertar o a setinha para cima você vai já copiar automaticamente o
comando que você executou anteriormente então se você já tinha rodado esse no Xbox JS você consegue encontrar com a setinha para cima beleza pronto logo em realizado vamos lá no Barra a gente ainda não tá conseguindo interagir com o bote né deixa eu ver se a gente consegue mencionar ele de alguma forma será que isso vai como internet ele tá só retornando né a gente não tá na verdade dando um console ponto log é pessoal a gente vai primeiro ter que registrar até para poder brincar aqui então vou deixar o retorno aqui vou deixar o
console ponto log também pintere Action E aí depois a gente estuda como que isso tá acontecendo eu vou criar um arquivo para esse registro porque porque para a gente registrar um Slash Command no nosso bote a gente vai ter que fazer isso a gente só precisa fazer isso na verdade uma vez mas assim uma vez na vida não é uma vez que a gente tá rodando o bote dessa vez é uma vez mesmo a gente vai lá registra e fica guardado se a gente depois nem usa no nosso código mais o comando ele continua registrado
se a gente não deleta então eu vou criar uma arquivo para isso esse Deploy traço comans E aí nesse arquivo que a gente vai mandar por a gente vai executar ele sempre que a gente tiver um comando novo apenas ou quando a gente quiser deletar atualizar E aí na verdade vai ser nesse arquivo que a gente vai utilizar essas informações de Clint de bom vamos começar o quê pegando esse Dote Angel aí a gente vai nesse deploide commands eu vou já colocar também aqui o dot Envie para a gente não se perder vou colar e
vai ser exatamente esse formato e a gente vai precisar utilizar o resto então para isso a gente vai pegar aqui vai do hash pera aí deixa eu pegar esse formato Chaves A gente vai pegar o resto e Roots e vai dar um [Música] do discord JS vamos também fazer a parte de importação dos Comandos Então vou pegar isso aqui tudo é isso aqui deixa eu pegar isso aqui primeiro e aqui a gente vai poder utilizar um outro tipo de dado que é o que vai ser um pouco mais tranquilo também para a gente poder fazer
esse Deploy então eu vou mudar algumas coisas aqui nessa parte de importação dos Comandos Começando por vou criar essa igual a pochetes E aí a gente vai dar aquele fórum para poder rodar os commandinhos e preencher agora esse Array Então a gente vai fazer por Inn [Música] / E aí aqui a gente vai colocar o sinal de dólar as chaves também para poder colocar uma variável dentro da string que vai ser o nome do arquivo que é o pai e em seguida a gente vai colocar dentro aqui desse Ray que vai ser um commands né
do ping e a gente vai colocar aqui dentro dessa variável desse Array comandos essas todas essas arquivos que foram surgindo por enquanto a gente tem só o ping Beleza agora a gente vai isso aqui a gente tá fazendo exatamente a mesma importação tá pessoal é só no formato diferente é que a gente tá usando é o Collection para fazer isso é que a gente tá usando um Array de commands mesmo e aí aqui a gente vai construir a Estância rest contextos entre Chaves A gente vai passar a versão [Música] dois pontos 10 e a gente
vai setar o nosso Token para isso sete token entre parênteses a gente passa o token que a gente já tá pegando aqui do loteam beleza e aqui vai ser a parte eu vou colocar aqui em Instância rest e embaixo a gente vai fazer de fato o Deploy Então como que a gente vai fazer isso assim que aqui a gente abre [Música] eu sei que às vezes no começo pode ser difícil de entender o que tá acontecendo o que que essa setinha para aonde tá o parâmetro da função que que é esse negócio aqui vazio mas
eu recomendo muito que você leia eu vou deixar o artigo aqui na descrição da lura que é muito bom muito legal para você compreender o seu Mas aí você vai compreender o que tá acontecendo é só para não ficar muito puxado o vídeo e aí a gente vai criar um try Cat a gente normalmente usa quando a gente quer ter um retorno caso de algum erro né a gente vai tentar executar alguma coisa se essa coisa não conseguir se executada não for executada até algum erro a gente vai pegar esse erro a gente vai dar
um Cat e a gente vai imprimir alguma informação para o usuário ou para a gente mesmo enfim eu vou dar então esse trike console ponto log resetando comandos vou colocar o nome resetando tanto os comandos né legal que é o comandy lands pegar quantos tem e para resetar a gente vai utilizar um [Música] data ao leite teste aí vai ser os pontos application [Música] e aqui dentro a gente vai passar as informações de Clint e guild que que a gente está fazendo na verdade a gente vai usar um formato de criar os comandos especificamente para
cada servidor para esse servidor em que o bote está porque porque em ambiente de desenvolvimento é melhor tem um outro formato que vocês podem ver na documentação também de Como você consegue fazer o depósito de todos os comandos diretamente para todos os servidores em que o bote está que eu acho que você vai usar só o clientide por isso que a gente tá importando agora o dia a dia só que o ideal é a gente começar sempre testando no nosso ambiente fazendo do Nossa forma com calma e aí eu vou pegar então o clitch e
o dia a dia eu vou copiar essas duas informações e vou passar aqui para a gente poder registrar os commandinhos E aí a gente vai passar no corpo [Música] s e é isso aí pessoal vou imprimir também depois que a gente terminar isso vou dar um console ponto log comandos carregados não registrados registrados com sucesso E aí o cat a gente vai pegar o erro erro console ponto log e vou dar um console logo no erro que console ponto error na verdade né Não sei se sabe mas tem várias variáveis do console log e ele
fica mais bonitinho fica mais no formatinho de erro a gente não a gente não vai ver na verdade mas testa aí ao invés do console logo e como que fica para você ver como é bonitinho e eu vou imprimir esse erro por causa dele acho que é isso pessoal Minha experiência aqui no final agora a gente precisa rodar isso tudo aqui que a gente escreveu apenas uma vez para isso a gente vai dar um nude a gente vai escrever agora esse arquivo que é o Deploy commands vamos rodar e ver o que acontece alguma coisa
[Música] barra 0 tá pessoal a gente tem que fazer aqui o uma edição rapidinha que eu coloquei com os Combat files tá se não não vai funcionar ele vai pegar outra coisa aqui para pôr como APAE e também tem um erro aqui que ele tá falando que isso aqui não é uma função ele tá juntando isso aqui com isso aqui né Realmente eu vou colocar um ponto e vírgula só para a gente poder diferenciar e eu espero que funcione e vou fazer o depoimento resetando um comando é comandos no caso e pronto comando registrado com
sucesso bora ver se funcionou a gente vem aqui no discord a primeira a gente tem que logar o nosso bote né talvez se a gente não logar ele aparece o comando deixa eu ver ele aparece já o comando Mas que que acontece a gente vai clicar no ping Será que ele vai responder com pong Não vai responder né porque porque ele não tá online para poder fazer essa conexão para poder receber aquela interação que a gente colocou aqui que é quando ele tiver um então o que que a gente vai fazer rodar index.js a gente
já rodou o deploide só precisa fazer isso uma vez para cada coisa que a gente cria E aí aqui a gente roda Pronto ele está online vamos ver Será que a gente tem o nosso primeiro comandinho registrado o pai ainda não respondeu que que será que tá acontecendo deixa eu ver se ah Óbvio que não aconteceu a gente tá na verdade só pegando qualquer internet a gente tá aqui no console logo Pronto consegui olha só essa aqui a internet que a gente quer um bagulho gigantesco mas ele vem com todas as informações por exemplo quem
interagiu se é um bote se não é qual é o meu user name da pessoa que interagiu o identificador discriminador tem as informações do Servidor enfim várias coisas mas o que a gente vai usar aqui mesmo é vamos ver por aqui aqui o Command name é aqui que a gente vai precisar isso aqui que a gente vai pegar para poder dizer qual que vai ser o comando que a gente vai usar o nome dele Então beleza vamos fazer a lógica de executar Então vamos criar uma post [Música] vai ser igual a internet [Música] commands.guete e
a gente vai pegar as informações do nome dos Comandos do nosso bote PC Command não vai ser perdão vai ser internet a gente vai avisar olha só gente e não console ponto eu ro humano não encontrado E vai retornar para agora você não cai nisso a gente vai tentar executar o que o comando Então a gente vai fazer um Fire Cat que eu também caso não consiga a gente poder depois pegar o erro então eu vou dar o try aqui que a gente tinha criado aqui dentro do Pink que já Tá salvo aqui no exércute
E aí a gente vai passar a internet que é o que a gente está usando para conseguir interagir e a gente criou aqui o Troy a gente faz o cat [Música] erro e a gente vai dar um console blog e a gente pode inclusive mandar uma mensagem para o nosso usuário de que esse comando falhou né então a gente pode fazer um Direction Play aqui mesmo falando que houve um erro ao executar Esse comando Beleza a gente colocou aqui alguém a gente tem que colocar como uma função assim no Internet para poder funcionar agora a
gente vai rodar de novo Nosso note e vamos finalmente conseguir executar o nosso Ping do ping meu Deus gente isso tudo é para a gente conseguir criar um Slash Command executável para vocês verem conseguimos mas agora a gente tem que criar o quê Como diz mais interessantes do que apenas um ponto mas assim gente isso aqui é a coisinha mais fácil dessa vídeo aula que vocês estão tendo e a gente já entendeu qual que vai ser o padrão de comandos a gente vai sempre colocar eles aqui dentro dessa pasta comas e o nome dele normalmente
vai ser um nome falando que a gente vai criar Primeiro Comando que eu quero criar vai ser o kit.js o que que eu quero que esse comando faça eu quero que ele me retorne aquele texto em Bad sabe do discord que ele fica bonitinho mas formatadinho e eu quero que ele venha com todos os comandos do Git que eu mais uso no dia a dia para quando eu tiver estudando ali eu vá no discord rapidinho dali o comando guite ele me retorna para eu poder lembrar Quais são os comandinhos no terminal e como que a
gente vai fazer isso eu vou pegar bem o formatinho aqui primeiro do ping vou copiar tudo mesmo eu vou trocar o nome que vai ser Git a descrição relembrar comandos do vídeo E aí aqui ao invés da gente usar o Extra Play pong a gente vai criar um embed e aí como que a gente faz assim Bad né eu vou vir na documentação para vocês darem uma olhada qualquer coisa que vocês queiram tipo criar botão criar menu de seleção tudo tá por aqui inclusive o invej Então vamos ver qual que é o formato Olha só
esse era o formato que eu tinha falado que é bonitinho ele deixa formatadinho com esse negocinho escuro no fundo tem essa corzinha aqui lateral e eu vou querer isso aqui para a gente imprimir os comandos do Gui com vários desses inline Fields E aí olha só ele tem aqui o formatinho a gente usa essa classe em Bad builder que a gente também vai usar então eu já vou copiar ela e levar lá para o nosso código e a gente cria da seguinte forma isso aqui tudo eu vou criar esse Bad Olá aqui rapidinho e olha
ele vai Ele tá fazendo a gente tá usando aquele internet vai e ele envia dessa forma aqui e eu vou colocar aqui dentro aqui dentro esse impede Vamos só ver o que que acontece tá Para a gente poder entender o que a gente tem que desenvolver ah primeiro Calma a gente tem que registrar Esse comando Git novo a gente tem que rodar uma vez ou Deploy traz pumas.js Beleza então vamos fazer o Barra ele já vai aparecer aqui o Git apareceu vamos rodar ele vamos ver o que que ele traz esse exemplo né que tava
na documentação é isso aqui tudo o que que a gente quer eu quero colocar o título e eu quero colocar os slime Fields apenas tá pessoal isso aqui essas imagens todas o nome aqui de quem mandou o fulter eu não quero Então vamos pegar e tirar isso tudo olha só a cor Eu acho que eu vou querer um Orange que tem já eu acho pré-definida lá na documentação que acho que combina com o Git o título eu quero comandos do Git E aí eu não quero URL não quero autor não quero descrição vou apagar isso
tudo Eu vou querer os fios Então isso é que eu vou deixar e eu não quero imagem não quero time stamp e não quero fruta Nossa que alívio de tirar tudo isso né meu Deus até que ainda tem que me ajudar de alguma forma aqui eu vou colocar essa quebra de linha [Música] que isso aqui nada mais é do que realmente o espacinho entre as linhas tá Pessoal esse nome u2/ 0b é só para quebrar a linha e aqui vai ser esse é o regular Field e eu não quero eu quero ir online né Eu
quero que esse Line seja true então o que que eu vou fazer vou colocar aqui online que eu quero Olha só eu quero três coisas que nem tá aqui ó em Line Fusion que que ele faz tal o comando que que ele faz então eu vou colocar tudo em Line true E aí eu vou separando por espaço em seguida tudo que eu for adicionando os comando do Git então por exemplo eu vou colocar aqui o comando Git que que ele faz inicializa o Git no diretório Então vamos salvar e vamos ver como que ele vai
ficando ainda não vou mexer nos outros dois vamos ver aqui tá o barranquite e olha só comando do GATE veio com a corzinha amarela e tudo mais limpo né E aqui veio já ó kitnet aí agora falta a gente preencher com os outros valores Eu já escrevi isso então eu vou copiar eu vou deixar esse trechão de código Na verdade o código inteiro que a gente está desenvolvendo aqui hoje eu vou deixar no repositório que vai estar na descrição Então pode ir lá para copiar e colar se você achar melhor mas se você quiser copiar
também é só dar um pause no vídeo e aí você vai conseguir ver então eu venho aqui e colo tudo que eu já tinha feito gente aqui nada mais é do que eu manualmente escrevendo cada uma das coisas tá beleza então agora eu vou rodar o nosso bote novamente vamos ver agora o que que vai vir de comandinhos do Git para a gente poder estudar Olha só agora tem tudo o gity clone gits táxi Então você consegue estudar agora todos os combandinhos do guit aqui no seu servidor de estudos né Dá até para você mudar
deixar bonitinho colocar canal de cada uma das linguagens pode ter um canal só de Git com esse bote aí mandando essa mensagem pode ter canal react HTML CSS enfim muita coisa legal vamos fazer mais um com Amandinho para a gente ver [Música] a gente volta aqui vamos criar um novo arquivo dentro de comandos que vai ser playlist.js aí o que que eu quero que esse commandinho faça eu quero que eu peça lá playlist ele me mande a minha playlist de estudos para eu poder executar ela já dar o play ali no Spotify e pronto então
o que que eu vou fazer vou pegar novamente tudo que a gente tinha ali de informação aqueles Lanches Command builder essa estrutura para a gente criar o comando e vamos sempre alterar né o nome vai ser aqui playlist a descrição vai ser Ouça a melhor playlist de estudos né Aí você vai escolher a da sua preferência só que para isso você tem que entrar lá no Spotify eu vou entrar aqui no meu Spotify e eu vou selecionar copiar o link da minha playlist tá pessoal sem segredo eu vou pegar essa aqui de novo não vou
pegar de rock vou pegar de rock que eu sei que vocês piram né tem muita curtida Inclusive eu vou compartilhar e copiar o link da playlist e a gente vem aqui ao invés de pong a gente vai pingar com o link da playlist Vou salvar vou executar E aí a gente vem aqui playlist roda o comando e tcharam ele vem aqui com o link da playlist a gente quiser dar play e o discord ele traz esse inbet também né do Spotify então a gente consegue dar play e ouvir a música querem mais um commandinho eu
vou dar mais um commandinho para gente porque a gente teve aqueles cursos gigante de criar toda a conexão dos Slash commands e esse commandinho vai ser para a gente pegar as documentações das linguagens naquele formato de menu de seleção Então vou colocar aqui documentação ponto JS vou pegar novamente aquela estrutura para criar o Slash code colocar aqui toques acho que tá mais bonitinho né colocar aqui o nome e aqui é acesse a documentação da tecnologia que quiser e aqui não é a gente vai colocar outra coisa também que vai ser esse menu Então como que
a gente cria esse menu a gente vem aqui na nossa documentação e tem aqui ó select minúsculo que vai ser exatamente isso que a gente quer fazer é uma estrutura grandona tá pessoal eu vou já fazer direto o que a gente precisa mas você consegue checar aqui direitinho esse exemplo você pode copiar pode colar ver o que que acontece que nem a gente fez lá com com Bad E aí você vai entender o que que eu tô construindo aqui mas é para não ficar muito grande muito extensa a aula então bora eu vou usar o
Action e vou usar o string select menu Beauty isso mesmo agora a gente vai criar aqui o menu vai ser na verdade um Roll igual New Action vamos adicionar componentes [Música] e vai ter News [Música] e a gente vai sentar o costume de [Música] select [Música] Place [Música] holder é o que que vai estar escrito quando você não tiver selecionado nada então vou colocar nada selecionado tem uma linguagem selecionada [Música] e eu vou adicionar as opções [Música] a primeira opção vai ser JavaScript tão legal a descrição [Música] drift e o velho que a gente vai
usar para poder selecionar depois qual a opção tá sendo selecionada E aí eu vou copiar e usar isso para tudo tá [Música] beleza pessoal então aqui no eu vou responder com essa estrutura que é [Música] selecione uma das tecnologias abaixo e componentes [Música] vou mandar [Música] também que é o contexto então agora vamos executar e ver o que que a gente está fazendo de menu aqui vou dar o Island Command e olha só teve que registrar o nosso combandinho E aí agora a gente vai ter Box vamos executar seleciona selecione uma das tecnologias abaixo Aí
já aparece o menuzinho com cada uma delas Veja a documentação de abstrito só que quando a gente seleciona não tem nada acontecendo porque a gente não tá recebendo essa interação de verdade deixou até um negócio é a gente não tá recebendo essa interação então o que que a gente vai fazer receber lá no nosso index mesmo eu vou deixar aqui mesmo o pessoal porque se vai ser o último comando que a gente vai criar Mas se você quiser fazer de alguma outra forma colocar em outro arquivo para organizar melhor você pode eu vou colocar aqui
antes da gente checar sem interação a não chat embuticomand eu vou checar se ela for eu vou checar se ela é uma internet ponto string select menu e aí se for se for desse tipo de interação aí a gente vai ter que checar Qual que é o valor da seleção do menu para a gente poder executar dependendo da linguagem de programação que a gente selecionar eu vou fazer algo que dói os olhos aqui mas eu vou deixar como desafio para vocês aqui da nossa aula fazerem isso de uma forma diferente vocês vão ver o que
que é eu vou primeiro pegar Quais são os valores que foram selecionados Então vou criar uma variável com [Música] e eu vou atribuir inteiration ponto velho e eu vou colocar aqui Zé e aí Se for esse select igual a JavaScript [Música] eu vou ao eixo pinterestion do JavaScript e eu vou colocar aqui o link da documentação do JavaScript [Música] pegar essa aqui do Mozilla tchanana na nossa mensagem ah eu vou fazer o quê Elsa evie E aí a gente vai seguir a maratona [Música] e pronto agora temos aqui todas as nossas documentações vamos rodar o
nosso bote e ver se agora a gente consegue executar as documentações de cada linguagem então eu pego aqui já o script documentação de JavaScript e O legal é que fica aqui tá a mensagem a gente coloca aqui Python aí ele manda aqui é do Pai a gente coloca aqui ser Sharp ele manda aqui embaixo do seu charme ele a gente coloca aqui discord JS ele manda aqui uma coisa legal de fazer que você pode deixar esse essa mensagem aqui em um canal e ele vai mandando em outros canais você pode fazer isso depois você tem
que configurar aqui no código Qual que é o Channel de mas assim gente tá sensacional esse bote né porém Qual que é o problema a gente só consegue usá-lo quando ele está rodando e a gente vai o que entrar toda vez que a gente entrar no computador rodar o bote fazer isso tudo acontecer não a gente pode deixar ele no ar numa VPS eu vou usar VPS da Rússia que vocês sabem que é a plataforma que eu uso tanto para hospedar meu site quando eu registrei meu domínio eu faço tudo pela roxinha então é lá
que eu vou colocar eu vou fazer o passo a passo com vocês é rapidinho e a gente vai terminar e finalizar essa aula maravilhosa então eu vou parar aqui vou suspender o programa e a gente vai vir aqui para o nosso Safari e partiu vou fazer o login aqui na rocha Aqui você vê as hospedagens caso você queira hospedar site tem o e-mail tem domínio tudo que você quiser você pode fazer aqui e aqui tá a VPS então vou clicar aqui no servidor BPS e olha só eles tem várias opções de hospedagem VPS eu tenho
Inclusive essa aqui vps2 e aí o que que você pode usar o meu desconto que você tem aqui com esse cuponzinho Rafa é só colocar lá na hora do carrinho atualmente ali dá 10% de desconto Então vale muito a pena você usar enfim eu vou entrar aqui na minha conta você faça o seu login faz tudo aí que você precisa e logo que você tiver aqui no seu painel de controle vai ter tudo que você tem isso aqui tudo que eu tenho né pessoal muita coisa para treinar hoje é hospedagem domínio VPS e-mail mas o
que que é importante Quando você pegar sua FPS vai ter aqui para você configurar E aí você faz todo passo a passo é muito gentil que tem aí é você colocar o nome do seu PPS tenha enfim o seu usuário root aí você vai seguir nesse passo a passo até você ter direitinho deixa eu colocar esse Maria assistente que é a VPS que eu tinha criado e aí você vai bonitinho até o status aqui está executando você coloca lá o seu sistema operacional e olha só o que eu coloquei o meu é Ubuntu 22 04
Então como que a gente vai acessar o VPS primeira coisa que a gente vai fazer a gente vai vir aqui em setting e criar uma chave SSH eu consigo mostrar para vocês como que faz aqui do Mac mas caso contrário você pode acessar um tutorial como que faz isso do Windows porque eu não sei exatamente quais são os comandos tá no terminal que que eu vou fazer eu vou abrir o terminal e eu vou criar uma nova pasta ponto s com esse comando micadir ponto SSH a minha pasta no caso já existe porque eu já
criei E aí você cria aí no seu computador dentro dessa pasta se acessa ela você vai dar um SSH traço que SSH traço que você vai gerar aí uma chave depois disso eu não vou executar isso aqui porque eu já tá tudo criado no meu Depois disso você vai dar o comando LS E aí o que que vai acontecer vai estar escrito aqui todos os arquivos que foram criados e olha só a gente tem a chavezinha que é a chave privada e a gente tem a chavezinha ponto Pub que é a chave pública acredito que
vocês sabem como isso funciona né que a gente precisa das duas chaves para poder ter acesso a chave pública não tem problema de vazar mas essa chavezinha aqui ela é privada e a gente vai ter que usar daqui a pouquinho para acessar VPS como que a gente pega o conteúdo a gente pode dar um Cat e aí a gente faz a chave ponto Pub e olha só isso aqui tudo é a minha chave pública eu vou copiar isso daqui e vou colar no bloco de notas mesmo você salva aí onde você quiser e aí a
gente vai pegar essa chave e criar adicionar uma chave SSH e colocar aqui isso tudo que a gente criou tá deixar exatamente da forma voltada não sem espaço sem nada diferente Aí você cria um nome para o valor dessa chave aqui eu já tinha a minha chave criada Maria enfim com a chave pública que eu tenho Beleza agora a gente vai ter que acessar Nossa VPS como que a gente faz isso SSH - i aí eu vou dar o tiozinho tiozinho barra o caminho para ir privado que é o ponto ssh//chavezinha espaço usuário lá do
seu da sua VPS aqui no meu caso eu tô usando o Root [Música] e o IP dela então espera lá a gente vai copiar o IP aqui no overview da Rocher a gente coloca o usuário coloca uma arroba cola o IP E aí a gente dá um enter ele tá me pedindo para eu usar past race para aqui o que que acontece quando a gente criou lá a chavinha como eu não fiz esse passo eu não mostrei Mas você tem que colocar uma pass Praise Então você utiliza ela aqui neste momento tá você tem que
acertar ela várias vezes então pronto consegui aí a gente entrou e a gente precisa dar senha do root pronto aí seria que a senha clique em atualizar E aí agora eu vou conseguir colar pronto entrei Welcome to Ubuntu blá blá blá blá que que a gente vai fazer a gente vai subir o nosso projetinho no github eu vou baixar ele lá na VPS eu vou rodar então eu vou subir isso aqui tudo gitnite vou dar um Git é tipo [Música] uma mensagem finalizado e eu vou criar um repositório lá no githrub vamos lá pessoal vamos
que essa essa parte a gente já tá cansado de saber se você não sabe mexer tem aquela playlist aqui no meu canal clássica para você saber tudo do gifthub tá vou criar aqui o repositório e o nome dele vai ser estude pai beleza Kate Legal vamos copiar aqui o link vamos voltar lá no estúdio Vamos criar um vídeo remote é de origem vamos subir esse projeto para repositório e pronto se a gente atualizar aqui tá ele aqui com todas as informações novamente aqui na VPS primeiro quando você entra aqui no sistema operacional é importante você
dar aquele surdo APT update depois o sudo APT upgrade aí você tem que rodar o node Você dá aquele sudo a pt install node JS pronto conseguimos aí a gente dá um sudo APT install Git Eu acho que eu já tenho aí a gente dá um node virjão só para ver se tem mesmo NP me traz beleza E agora o que que a gente precisa fazer a gente vai criar a nossa pastinha com projeto e rodá-lo né a gente já tem agora basicamente todas as dependências baixadas na verdade ainda vai dar um romandinho lá dentro
do projeto e a gente vai fazer isso com o mcadir vou colocar o nome de bote de discord vou entrar nele e aqui dentro eu vou dar o comando npm install então Clear aqui a gente vai entrar e aí a gente vai dar um clone aqui no nosso repositório para colocar ele ali dentro então vou copiar o link eu vou voltar lá no nosso terminal e eu vou dar um bilhete e colo- clonando o estúdio Beleza agora a gente entrou em todo o nosso projeto eu preciso só dar um LS a gente tem que na
verdade entrar no Spotify agora CD stand by pronto aí aqui a gente vai dar o comando npm install beleza e agora que que a gente faz pessoal a gente não tem aquele arquivo então o que que a gente tem que fazer o ideal não é subir no Git é a gente criar aqui um arquivo no próprio Linux e é isso que eu vou fazer mas eu vou cortar essa parte isso daí você consegue fazer tranquilamente daí se você quiser também é subir num projeto privado lá do github tá tudo bem e aí para não ficar
muito extenso [Música] e o que que eu fiz pessoal eu criei um arquivo dotv pelo vim escrevi ali o token o clight aí de e você consegue fazer isso aí da sua máquina também eu vou deixar aqui na descrição Qual que é o passo a passo para fazer e Obrigatoriamente você tem que ter a versão do node pelo menos no 16.6.9 tá então checa isso também se você não tiver baixe o nvm para poder brincar aí com as versões e agora a gente consegue rodar node in the x dentro da nossa pasta do standy Fair
pronto login realizado com estúdio faz a gente entra aqui e o nosso Santo está online a gente consegue agora ver será que ele dá um ping agora Será que a gente consegue ter as documentações das linguagens consegue ver as movimentações das linguagens [Música] e aqui na roxa você consegue inclusive ver como que tá sendo a usabilidade do seu cérebro você pode também utilizar outros botes colocar outras coisas para subir então é bem legal e é isso pessoal eu espero muito que vocês tenham gostado assim que foi uma aula puxada parabéns por ter chego até aqui
você é incrível você sabe que tem gente fazendo nada agora e você escolheu tá aqui estudando então você merece Meus parabéns fico o desafio para vocês mexerem lá naquela parte do Infiel e também fico desafio para vocês personalizarem o bote né pessoal vamos ver mais comando aqui nessa pastinha eu quero que vocês criem botões eu quero que vocês virem outros tipos de resposta mandem imagens acho que isso vai ficar muito legal e tá tudo todo código na descrição Qualquer coisa que você precisar deixa aqui nos comentários também eu tenho certeza que muita gente vai poder
ajudar e é isso eu vejo vocês no próximo vídeo [Música]
Copyright © 2024. Made with ♥ in London by YTScribe.com