- Clonar proyecto
- Ejecutar
bun install - Crear
.envbasado en.env.template - Ejecutar
bun run dev
- Abrir el archivo
http://localhost:3200en el navegador - En la consola crear el mensaje así:
const message = {
type: 'INCREMENT_VOTES',
payload: {
id: 'un-identificador-de-un-partido',
},
};- Usar el objeto
socketpara enviar el mensaje
socket.send(JSON.stringify(message));- Ver el resultado en la consola del navegador
A continuación se enumeran los tipos de mensajes (MessageType) que el servidor WebSocket acepta, junto con el payload esperado para cada uno:
Ejemplo de mensaje:
const message = {
type: 'INCREMENT_VOTES',
payload: {
id: 'un-identificador-de-un-partido',
},
};-
GET_PARTIES
Solicita la lista de partidos políticos.
Payload: No es necesario, puede omitirse o ser un objeto vacío. -
ADD_PARTY
Agrega un nuevo partido político.
Payload:{ "name": "Nombre del partido", "color": "#HEX", // o rgba "borderColor": "#HEX" // o rgba } -
UPDATE_PARTY
Actualiza los datos de un partido existente.
Payload:{ "id": "id-del-partido", // este no se actualizará, solo se usa para identificar el partido "name": "Nuevo nombre (opcional)", "color": "#HEX (opcional)", // o rgba "borderColor": "#HEX (opcional)" // o rgba } -
DELETE_PARTY
Elimina un partido por su ID.
Payload:{ "id": "id-del-partido" } -
INCREMENT_VOTES
Suma 1 voto al partido especificado.
Payload:{ "id": "id-del-partido" } -
DECREMENT_VOTES
Resta 1 voto al partido especificado.
Payload:{ "id": "id-del-partido" }