5 anos depois e mesmo assim ajudou uma pessoa em 2024 que está desenvolvendo um componente em um ecommerce que necessita de uma atualização real-time, evitando assim um polling. Muito obrigado, Diego! Rocketseat virou um stack overflow
@@rocketseat Sou dev php senior e estou estudando node, queria saber aonde e como adquiro tanto conhecimento assim ? estou estudando para isso, você manja cara, parabéns !!!!
Muito bom mesmo! É difícil achar conteúdos em português com tanta qualidade. Gostei de focar só no assunto e fazer as coisas o mais simples possível. Parabéns! Ganhou um like por usar ; no final das sentenças! hauhauha
Diego, excelente tutorial... Fiz a minha aplicacao e funcionou perfeitamente... Inclusive, fiz um build dela no heroku pra usar como portifolio! Obrigado mano!!! Sucesso!!!!
Que daora, mas como vc fez pra hospedar online? Porque hospedando vc n consegue dar o comando 'NODE server.js' ou se você hospeda é como se esse comando ficasse rodando o tempo inteiro? E em vez de localhost só trocar pro endereço que está hospedado?
Que isso povo, 50k de visualizações e tão poucos likes, depois fala: Ahhh pq n fez mais vídeos sobre sistema de Chat. Eu fiz a minha parte, dei o like.
e se tivesse várias pessoas conectadas e quiséssemos mostrar quem está online em todos os clientes? e também quando alguém novo entra, exibe a nova pessoa online nos clientes já abertos?
Sempre que haver o push de alguma mensagem no array, tu faz um condição comparando se o número de mensagens é maior que o limite. Se for, tu limpa o array. No caso de um banco de dados, só usar truncate para limpar toda a tabela de mensagens
let numeroMaximo = 20; if(ArrayMessagens.length == numeroMaximo){ //verifica se a array de mensagens atingiu o número máximo ( 20 mensagens ) ArrayMessagens = [] // limpa a array }
Sensacional o vídeo. Porém tenho uma dúvida. O que eu iria precisar mudar se eu quisesse hospedar essa aplicação online? Por que ai trocaria o localHost pro endereço ai ok. Mas e o server.js, ele hospedado online eu não tenho como dar o 'NODE server.js'
Estou tendo o seguinte problema já tenho uma pasta node_modules na minha aplicação como faço para utilizar a pasta node_modules mostrada no video sem dar conflito coma que já tenho?
Faala, Pedro! Na verdade a pasta node_modules mantém todas as suas dependências do projeto, então nunca você deve ter duas delas. Se você já possui um projeto, e pretende incluir o conteúdo dessa aula nele, você pode fazer diretamente no seu projeto adicionando todas as dependências nele normalmente. Automaticamente o seu gerenciador de pacotes (npm ou yarn) vai gerenciar esses arquivos das bibliotecas que você está utilizando, e baixar todos eles dentro de uma única pasta node_modules. Enfim, você nunca precisa mexer na pasta diretamente, o seu gerenciador vai fazer isso sozinho! 💜💜
Diego, isso que temos, hoje, no WhatsApp, de tocarmos e manter o dedo em um texto/mensagem para abrir um "menu" de opções, no caso do iOS, isso teria que ser feito na mão, hardcode, a mensagem sendo um botão, digamos assim, ou isso é uma opção nativa no iOS? Já no Android ao fazer isso, tocar e manter o dedo em uma mensagem, aos opções aparecem no topo. Tens ideia da forma como é feito isso? Vale, grande abraço.
até a parte da console.log(`Socket connectado: ${socket.id}`); pego normal, mas depois para mostrar no console do node a mensagem do author não funcionou. Ele atualiza a pagina e entra com uma nova id, mas a msg não entra no console alguém sabe o q pode estar acontecendo.
Achei esse vídeo incrível, refatorei o que eu tinha aqui. Mas eu cheguei aqui com uma dúvida, pra quando utilizar APIs diferentes, queria me comunicar com socket.io encaminhando do meu :8080 para o server rodando na :3000. Você tem algum vídeo pra esse caso específico?
Faaala, Danilo! Você pode mandar o que está acontecendo na nossa comunidade aberta 💜 Por lá você pode tirar todas as suas dúvidas. Segue o link: www.rocketseat.com.br/comunidade
Já tenho um servidor em node sem ser com socket.io. É possível utilizá-lo somente em uma parte da minha api? Ou teria que criar uma aplicação a parte? Ou teria que colocar outro porta para usar o socket.io?
@@optimitech nem é plugin mano, é a fonte de texto "Fira Code" com os ligatures on, que é basicamente quando vários caracteres são representados por um único símbolo
5 anos depois e mesmo assim ajudou uma pessoa em 2024 que está desenvolvendo um componente em um ecommerce que necessita de uma atualização real-time, evitando assim um polling.
Muito obrigado, Diego! Rocketseat virou um stack overflow
Verdade, estou aqui 6 meses depois de você
nunca aprendi tanto em 15 minutos kkkkk
diego você é show cara!!
Vaaaleu, Patrick! 💜 Diego é fera né? 💜
Foi bom mesmo!!
@@rocketseat Sou dev php senior e estou estudando node, queria saber aonde e como adquiro tanto conhecimento assim ? estou estudando para isso, você manja cara, parabéns !!!!
Simples, direto ao ponto, sem enrolação, resumir esse vídeo em uma palavra: PERFEITO!
6 anos depois, está eu aqui, bebendo desse conhecimento. Vlw diego ajudou demais, me salvou, estava empacado no freela.
Diego em 15 min ensina o que tantos outros tentam em 2h... Brabo de mais!
Muito bom mesmo! É difícil achar conteúdos em português com tanta qualidade.
Gostei de focar só no assunto e fazer as coisas o mais simples possível.
Parabéns! Ganhou um like por usar ; no final das sentenças! hauhauha
Muito bacana. Qualidade de áudio, vídeo, didatica, cobteudo claro, objetivo, direto. Obrigado por compartilhar o conhecimento conosco!!!
um dos melhores canais de programação no Brasil, sem vias de duvidas!!!
Diego, excelente tutorial... Fiz a minha aplicacao e funcionou perfeitamente... Inclusive, fiz um build dela no heroku pra usar como portifolio! Obrigado mano!!! Sucesso!!!!
Rapaz em 15 minutos aprendi um conteúdo pra vida toda
Muito obrigado. Fiz um sistema de login e amigos, e utilizei a lógica desse chat websocket e fiz um chat estilo facebook. Finalmente aprendi! Top!
Que daora, mas como vc fez pra hospedar online? Porque hospedando vc n consegue dar o comando 'NODE server.js' ou se você hospeda é como se esse comando ficasse rodando o tempo inteiro? E em vez de localhost só trocar pro endereço que está hospedado?
@@FragsGameplay da pra fzr o deploy no heroku, lá o node fica rodando e o frontend tbm
@@jhonny9378 vdd
@@jhonny9378 Tem algum tutorial?
@@wpswill3387 Ah cara tem vários vídeos no TH-cam, é bem dboa
sensacional, obrigada! em 2024 você está me ajudando no meu primeiro emprego na área ❤
Os vídeos dele também me ajudam muito em meus serviços freelancer que estou trabalhando, o cara é bom.
pqp conteúdo FODA, obrigado @diego e Rocketseat, vcs são demaisssss
Diego Fernandes está de parabéns show sua metodologia de ensino, explicação fácil e simples de entender, apendendo, já fiz a inscrição no canal kkkkk
Excelente vídeo, nota 10! Direto ao assunto sem enrolação. Que continuem crescendo! Abraços!
Didática Excelente! Ganhou mais um seguidor!
Nosssssa, terminei de ver, esse vídeo merece 9 milhões de likes.
Hahaha Valeeeu Leo! 💜💜
Cara, vc manda muito bem! Seus vídeos já me ajudaram demais, mano. Muito obrigado.
Excelente vídeo, rápido e eficiente. Obrigado por compartilhar o seu conhecimento! Um abraço!
Parabéns pessoal da Rocketseat! Vídeo com ótimo conteúdo.
Poxa Diego que vídeo incrível! Objetivo e rápido!
O cara tem o dom de ensinar!
Sensacional! Muito bom, tu eh um monstro programando!
Fiz usando node + react. Deu muito certo. Muito obrigado pela aula
Olá, vc pd me dar umas dicas de como fzer a comunicação com uma aplicacao front-end react?
Massa..!! Simples e direto....valeu Diego...obrigado por compartilhar seus conhecimentos ..
Você é um verdadeiro deus do FULLSTACK. #Brazil
Muito bom eu adorei a vídeo aula Parabéns Diego
Que isso povo, 50k de visualizações e tão poucos likes, depois fala: Ahhh pq n fez mais vídeos sobre sistema de Chat.
Eu fiz a minha parte, dei o like.
hahah valeuzão Leo!! 💜
Mew!!! Show Diego! Só não é melhor que a semana Oministack. Mas incrível o vídeo. Parabéns!
Incrível, deu pra ter varias ideias agora. Muito obrigado!!
e se tivesse várias pessoas conectadas e quiséssemos mostrar quem está online em todos os clientes? e também quando alguém novo entra, exibe a nova pessoa online nos clientes já abertos?
Muito show, nao conhecia o socket, vlw por compartilhar!
como faço para ter um limite de tamanho? pq fica palavra saindo do quadro
mano, só tenho uma cosi a dizer você é muito "FODA"
Muito bom, estar sendo muito útil esses vídeos.
como fazer para quando atingir um numero máximo de mensagens limpar o chat?
Sempre que haver o push de alguma mensagem no array, tu faz um condição comparando se o número de mensagens é maior que o limite. Se for, tu limpa o array. No caso de um banco de dados, só usar truncate para limpar toda a tabela de mensagens
let numeroMaximo = 20;
if(ArrayMessagens.length == numeroMaximo){
//verifica se a array de mensagens atingiu o número máximo ( 20 mensagens )
ArrayMessagens = [] // limpa a array
}
Excelente explicação, show... Mais um like...
Sensacional o vídeo. Porém tenho uma dúvida. O que eu iria precisar mudar se eu quisesse hospedar essa aplicação online? Por que ai trocaria o localHost pro endereço ai ok. Mas e o server.js, ele hospedado online eu não tenho como dar o 'NODE server.js'
Descobriu mano?
Excelente explicação. Parabéns!
Que massa que curtiu, Sone! 💜
No de alguém o objeto não está conseguindo chegar no server?
Show, funcionou perfeitamente, estou modificando ele para um Game Online.
Me passa esse código ?
@@wolfspeed "Não seja um copiador de códico"
Como eu faria pra ter outra pagina html conectado ao mesmo servidor?
implementei, só sucesso!!
Faz ultilizando react e node e mysql
eita porra, ai ja é semana Onmistack kkkk
seria uma boa
Olá, não tem perigo de enviarem um socket.emit com os dados errados para meu servidor no console do navegador?
Gratidão pelo conteúdo maninho, mas sabe me responder porque no meu celular não funcionou ? estou na mesma rede do pc e não sincronizou não.
Estou tendo o seguinte problema já tenho uma pasta node_modules na minha aplicação como faço para utilizar a pasta node_modules mostrada no video sem dar conflito coma que já tenho?
Faala, Pedro! Na verdade a pasta node_modules mantém todas as suas dependências do projeto, então nunca você deve ter duas delas. Se você já possui um projeto, e pretende incluir o conteúdo dessa aula nele, você pode fazer diretamente no seu projeto adicionando todas as dependências nele normalmente. Automaticamente o seu gerenciador de pacotes (npm ou yarn) vai gerenciar esses arquivos das bibliotecas que você está utilizando, e baixar todos eles dentro de uma única pasta node_modules. Enfim, você nunca precisa mexer na pasta diretamente, o seu gerenciador vai fazer isso sozinho! 💜💜
Se eu for fazer o front-end em react, como seria essa questão de receber as informações no front-end ?
Exatamente, estou que nem louco atrás dessa implementação e não encontro.
Muito simples e claro, gostei
Excelente! muito bem explicadinho
9:45 até 10:25
Não está aparecendo a mensagem do author no meu terminal, e também não aparece no meu chat.
Como eu resolvo esse problema ?
No meu o problema foi o author.length, o vs tava mudando o length para lenght.
@@ThiagoSilva-ps9hd comigo tambem ta dando esse erro, conseguiu resolver?
@@marcoantoniosantosdasilva1784 Eu só fiz digitar corretamente como tá no vídeo e funcionou
Muito bom este tutorial! Me ajudou bastante! Parabéns!
Dica, como poderia enviar mensagem para um único usuário do chat? Como posso identificar os scokets?
Boa pergunta
Caracaaaa, que tutorial excelente hein !
Valeeeeeu Mikaela! 💜
Ótimo vídeo, parabéns!
pro winds os comando no prompt sao os mesmo?
Faz um vídeo com Socket.Io e Autenticação JWT por favor. E parabéns pela qualidade dos videos, estão excelentes.
conseguiu achar algum conteudo sobre ??
@@RodrigoDSQ Ainda não
Show de bola o video. Parabens
Vocês são feras
Show demais!!!!! Parabéns!!!!!!!!
Top demais cara. Q massa
Diego, isso que temos, hoje, no WhatsApp, de tocarmos e manter o dedo em um texto/mensagem para abrir um "menu" de opções, no caso do iOS, isso teria que ser feito na mão, hardcode, a mensagem sendo um botão, digamos assim, ou isso é uma opção nativa no iOS? Já no Android ao fazer isso, tocar e manter o dedo em uma mensagem, aos opções aparecem no topo. Tens ideia da forma como é feito isso?
Vale, grande abraço.
olá, tenho uma pergunta, eu consigo usar isso em app mobile? tipo como api rest pra chat in realtime?
muito top a explicação e é muito dificel de aplicar este método de quando um cliente queira sair do chat a qualquer momento os demais
sejam avisados ?
Parabéns, muito legal !
Didática muito boa.
Diegao e pra criar um chat privado entre 2 pessoas
Socket não funciona em paginas ejs ?
Vídeo TOP parabéns e obg!
Tá na hora da versão desse vídeo utilizando o adonisjs
Pooo muito massaaaa! Vou ter que implementar
Mano ta muito bem explicado! Valeu mesmo!
Muito bom o vídeo
O legal é que o Socketio tem implementação em outras linguagens além do Javascript, dá pra fazer bastante coisa legal mesmo
Siiim, exatamente! Valeeu pelo feedback Lucas! 💜
até a parte da console.log(`Socket connectado: ${socket.id}`); pego normal, mas depois para mostrar no console do node a mensagem do author não funcionou. Ele atualiza a pagina e entra com uma nova id, mas a msg não entra no console alguém sabe o q pode estar acontecendo.
Você provavelmente digitou errado o LENGTH, eu também fiz isso e demorei umas horas pra perceber kkk, digitando LENGHT
Se compartilhar via rede, acessar o chat via rede em outra maquina não funciona as mensagens, não aparece pra todas maquinas na rede
tem alguma solução pra isso?
Como faço pra individualizar a conversa entre dois usuários?
Eu consigo fazer um chat de vídeo para android usando o socket.io?
Como funciona esse $ no js do html e de onde ele vem??
Excelente! Valeu Diego
o Diegão podia lançar uns conteudinhos lá plataforma sobre chat real time
Essa aplicação ainda está atualizada considerando as novas versões de tudo ou existem agora formas mais práticas de fazer?
voce pode encontrar problemas primeiramente com o const io = .... por que na nova versao nao ta muito certo isso
Achei esse vídeo incrível, refatorei o que eu tinha aqui. Mas eu cheguei aqui com uma dúvida, pra quando utilizar APIs diferentes, queria me comunicar com socket.io encaminhando do meu :8080 para o server rodando na :3000. Você tem algum vídeo pra esse caso específico?
comigo quando envio a mesagem real time ele vai criando bloco até sai da div. tem alguma coisa deixei passa??
Muito bom video!!
muito boa aula , tenho problema eu não consigo ter informação de conectado no meu console, e tambem não aparece nenhum erro, alguma ajuda
acho que so o meu não funcionou... sou novo no node e ja escrevi 4 vezes esse codigo rsrs, mas ele não conecta com o socket
Faaala, Danilo! Você pode mandar o que está acontecendo na nossa comunidade aberta 💜 Por lá você pode tirar todas as suas dúvidas. Segue o link: www.rocketseat.com.br/comunidade
Já tenho um servidor em node sem ser com socket.io. É possível utilizá-lo somente em uma parte da minha api? Ou teria que criar uma aplicação a parte? Ou teria que colocar outro porta para usar o socket.io?
Fala Rogerio, você pode controlar isso dentro da mesma aplicação sim ou criar uma segunda app pra ter apenas a parte de tempo-real.
No arquivo server.js na linha 13 que seta é essa , com qual comando coloco ela? obrigado desde já.
É a arrow function, vc faz ela com sinal de igual e maior que =>
A seta do diego fica bonitinha pq acho q ele tem plugin pra isso
@@optimitech cara é tanto pluigins nessa VSC que as vezes atrapalha , valeu amigo
@@optimitech nem é plugin mano, é a fonte de texto "Fira Code" com os ligatures on, que é basicamente quando vários caracteres são representados por um único símbolo
mano tem algum jeito de hospedar esse app no ngrok? eu tentei na porta 3000 mas os outros n recebem as mensagens.
Só consegui nesse, fera!!!
Para hospedar o chat, como faz?
como posso renderizar um arquivo html sem ser atraves de uma resposta de uma rota ?
Que tema é esse utilizado no VSCode?
tbm queria saber
bom dia tenho uma api em lumen e quero fazer autenticação no socket io antes que o socketio envie mensagens para o cliente alguém já fez isso?
alguem pode me explicar pq ele renderizou uma view dps ja ter renderizado o arquivo html ?
Buenas mestre, tem alguma video aula ensinando a usar o mysql com o node???
Minha versão do chat: github.com/dhiego-gomes/chat
Obrigado pelo aprendizado!
Entrei lá só pra conferir, ficou show.
Infelizmente meu nível em Node ainda é Zero. Mas essa aula me dá vontade de aprender!
tentei usar o chat em outro pc e não funciona... alguém sabe o motivo?
Incrível, obrigado