mdccg / socket-demo

Demonstração da comunicação entre um servidor web socket e um cliente em HTML puro.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

socket-demo

Sumário

Motivação

Este repositório de código é composto por duas aplicações. Em primeiro lugar, temos uma API Express que atua como um servidor web socket, encarregado de armazenar e gerenciar as mensagens trocadas em um ambiente de chat. Em segundo lugar, um cliente foi desenvolvido para consumir essa API e, de maneira diligente, escutar as interações provenientes do servidor web socket.

A API Express fornece uma base robusta para o desenvolvimento, permitindo que outros desenvolvedores explorem e ampliem suas funcionalidades, independentemente do propósito final, seja ele um chat básico, um sistema de leilão, ou outras aplicações.

O cliente, por sua vez, é projetado para se integrar com a API, recebendo e processando as mensagens provenientes do servidor web socket. Sua implementação simples o torna uma ferramenta versátil, pronta para ser personalizada e adaptada de acordo com as necessidades específicas de cada projeto.

Apesar de batizada como auctions-api, a API Express se posiciona como um exemplo genérico, pronta para ser utilizada por outros desenvolvedores como uma base sólida para sistemas de comunicação em tempo real. Seja para construir um chat simples ou explorar possibilidades mais avançadas, este repositório se apresenta como uma plataforma flexível, aguardando a contribuição e inovação da comunidade de desenvolvedores. Que esses códigos sirvam como uma fundação sólida para diversas aplicações e inspirem futuras iterações digitais.

Este foi o quinto repositório de código apresentado no Curso Superior de TSI do IFMS como requisito para obtenção da nota parcial das atividades da unidade curricular Linguagem de Programação IV.

← Repositório anterior Próximo repositório →

Pilha de tecnologia

As seguintes tecnologias foram utilizadas para desenvolver este app:

Papel Tecnologia
Ambiente de execução Node
Linguagem de programação1 JavaScript
Linguagem de programação2 TypeScript
Biblioteca orientada a eventos Socket.IO
Servidor HTTP estático Live Server

Como rodar

Pré-requisitos

Passo a passo

  1. Clone o repositório de código em sua máquina;

  2. Abra um shell de comando de sua preferência (prompt de comando, PowerShell, terminal etc.);

  3. Entre no diretório auctions-api;

  4. Instale as dependências do projeto através do seguinte comando:

$ npm install

Caso esteja utilizando o gerenciador de pacotes Yarn, execute o seguinte comando como alternativa:

$ yarn
  1. Execute o seguinte comando para iniciar a API:

Para npm:

$ npm run start

Para Yarn:

$ yarn start
  1. Entre no diretório exemplo-socket-frontend;

  2. Inicie o servidor HTTP estático;

  3. Descubra o endereço IP interno da sua máquina e chame um amigo para conversar com você em sua rede local. ;)

Por exemplo: http://192.168.0.2:5500

About

Demonstração da comunicação entre um servidor web socket e um cliente em HTML puro.


Languages

Language:TypeScript 39.7%Language:JavaScript 33.6%Language:HTML 26.6%