Spring e React - 2026

1 - Introdução 2 - Configurar ambiente 3 - Criar API 4 - Controle 5 - Base de dados 6 - Entidade 7 - Conexão 8 - Repositório 9 - Rota de cadastro 10 - Testar rota 11 - Rota de seleção 12 - Rota de alteração 13 - Rota de remoção 14 - CORS 15 - Instalar o Node 16 - Criar projeto React 17 - Estruturar projeto 18 - Adicionar o Bootstrap 19 - Estruturar formulário 20 - Estruturar tabela 21 - useEffect 22 - Listagem 23 - Visibilidade dos botões 24 - Criar objeto 25 - Cadastrar 26 - Selecionar pessoa 27 - Cancelar 28 - Alterar 29 - Remover 30 - Considerações

10 - Testar rota de cadastro

Agora que a rota de cadastro está implementada, é hora de testá-la para garantir que nossa API está funcionando corretamente.

Para isso, podemos utilizar ferramentas de teste de APIs. No nosso caso, usaremos o Thunder Client, uma extensão do Visual Studio Code que facilita o envio de requisições HTTP. Outras opções populares incluem Postman e Insomnia.

Passo a passo para testar a rota de cadastro com o Thunder Client:

  1. Abra o Visual Studio Code e clique no ícone do Thunder Client na barra lateral.
  2. Clique em New Request para criar uma nova requisição.
  3. Selecione o método POST e insira a URL: http://localhost:8080/cadastrar.
  4. No corpo da requisição, selecione o tipo JSON e adicione os dados da pessoa, por exemplo:
{
    "nome": "Ralf Lima",
    "cidade": "São Paulo"
}
  1. Clique em Send para enviar a requisição.
  2. Se tudo estiver configurado corretamente, você verá a resposta com os dados da pessoa cadastrada, incluindo o id gerado automaticamente.

Testar suas rotas é fundamental para garantir que a API está funcionando antes de prosseguir para as próximas funcionalidades.

No vídeo abaixo, mostro como enviar uma requisição POST usando o Thunder Client e verificar se a pessoa foi cadastrada corretamente no banco de dados.