Yew WebRTC Chat

Um Yew WebRTC Chat

Sobre

Este projeto apresenta um chat HTML simples usando WebRTC e programado em Rust e compilado em WASM. Demonstração ao vivo

Depois de ler este post maravilhoso da equipe Cheerp eu queria ver se o mesmo pode ser feito com Rust "puro" usando WASM.

Como fazer um jogo do zero era muito complicado, no primeiro passo, pretendi apenas brincar com Rust, HTML (usando Yew) e WebRTC fazendo um aplicativo de bate-papo. 3D e WebGL virão em outro momento.

Acontece que não é muito difícil fazer algo funcionar como você pode ver abaixo:

Notas

Se você tentar executar localmente, prefira testar com o Chrome localmente porque encontrei problemas com o Firefox. Além disso, tenha cuidado, pois algumas extensões podem bloquear conexões WebRTC. Além disso, se você estiver testando com um amigo, pode não funcionar, pois estou usando apenas um servidor STUN. Pelos testes que fiz, descobri que muitas vezes as conexões ficam bloqueadas em redes corporativas e usar um servidor TURN resolveria o problema. Mas, diferentemente do servidor STUN, não existem servidores TURN gratuitos. Por fim, o tratamento de erros ainda não está totalmente concluído, pois não sei como realmente trato os erros (e também o que a API WebRTC me permite fazer). Se você estiver travado, recarregue a página em ambos os lados e tente novamente.

Construir e executar

Para construir este projeto você precisa:

1. Instale o wasm-pack com cargo install wasm-pack
2. Instale o servidor http cargo install http-server

Para executá-lo uma vez compilado, você precisa digitar

1. Compile o código com wasm-pack build --target web --no-typescript --out-dir ./static/pkg
2. Execute o servidor web no diretório static com http-server -p 8080 (alternativamente, você pode usar qualquer servidor de arquivos estático como python3 -m http.server )

Agradecimentos especiais

• A equipe Rust por criar uma ótima linguagem
• A equipe Yew por criar uma estrutura de front-end incrível
• Sajad Hashemian por fazer este ótimo bate-papo em HTML