Recentemente eu descobri uma ferramenta/plataforma muito boa, essa ferramenta é o Pusher com ela você implementa o Realtime dentro da sua aplicação de forma muito simple e sem dor de cabeça usando várias linguagens.
O Pusher você precisa criar uma conta de forma gratuita e ganha 100 conexões e 200k de mensagens diárias, Isso para quem quer testar e até mesmo pequenas aplicações é o suficiente. Mas ela possui planos pagos para aumentar esses recursos, aí vai da sua vontade e do seu bolso.
Nesse artigo vou mostrar como montar uma pequeno chat usando o Pusher, o PHP e um pouco de Jquery e HTML/CSS.
Com isso terminamos o parte HTML/CSS do nosso chat, agora é a vez do nosso querido companheiro Jquery, Ele vai ser o responsável por enviar as mensagens para o Pusher.
O código acima é responsável por pegar as informações preenchidas nos campos “nome” e “mensagem” e enviá-las via post para uma página PHP e vamos criar ainda.
Já enrolei de mais agora vamos usar o PHP a final de contas o título do post é “Realtime com PHP”. Antes de tudo precisamos pegar a biblioteca do Pusher com o composer, basta executar.
Então criamos um arquivo PHP para receber os posts enviados pela página anterior. ela é bem simples e pequena com o código abaixo.
Obs: Você precisa preencher os campo ‘YOUR_APP_ID’, ‘YOUR_APP_KEY’, ‘YOUR_APP_SECRET’ com os valores respectivos providos pelo Pusher após ter realizado na plataforma deles.
Vamos explicar um pouco o código, o Pusher funciona como um WebSocket com, ele utiliza um canal, então na linha 9 onde temos
Nós definimos um canal juntamente com um campo, a onde nesse caso o chamei de ‘canal’ e ‘enviar-mensagem’, você pode usar qualquer nome para eles mas desde que usa os mesmos nomes na parte que vem a seguir.
Com o nosso PHP pronto estamos chegando no fim do post, nós já estamos enviando as mensagens para o Pusher mas precisamos fazer com o que o nosso front end escute as nossas mensagens. Para isso precisamos colocar o seguinte trecho de código nele, vai ser junto ao nosso Jquery.
Seguindo esse poucos passos deu para mostrar que com apenas dois arquivinhos conseguimos montar um singelo mas funcional chat usando o WebSocket, criando uma aplicação Realtime usando o nosso PHP. Espero que isso possa te inspirar a estudar mais sobre o assunto.