Front-end desenvolvido usando Typescript simples para demonstrar o consumo de API back-end (xpcDeckTrucoBE).
Usa o conceito de Single Page Aplication (SPA) onde existe apenas uma página HTML e a navegação e renderização de páginas é feito via Javascript no navegador.
Atualmente apenas cria novos jogos pela API de jogos pré-autorizados.
Typescript 5.7
NodeJs 22.2
Arquivo de rotas no index.ts:
/static e /*
: Rotas utilizada pelo SPA.
/api-truco/
: Rotas de consumo do back-end acessadas pelo SPA via fetch.
/lnk/
: Módulo de geração de links com jogos pré-autorizados onde o link serve
de chave para autenticar o usuário.
Rotas no SPA /spa/static/js/index.js:
/*
: Página inicial vazia.
/jogos
: Lista de Jogos (não implementado).
/jogos/gameId
: Jogo.
/pre-autz/player1/player2
: Gerador de links para jogos pré-autorizados.
Utilizado cookies para controle de sessão.
Projeto xpcDeckTrucoBE
com a API REST consumida pelo front.
Deve ser definido no arquivo .env
:
- BASE_URL_API: URL apontando para o método (HTTP ou HTTPS) host e porta do servidor de back-end.
O servidor escuta nas portas 7779 (https) e 7780 (http). O certificado deve ser informado na pasta rec/sslcert/(selfsigned.key e selfsigned.crt).
- Lista de jogos.
- Tela de autenticação.
- Criação de jogos.