Aula 05: Capturando Dados com Métodos de Envio de Formulário

Imagine que você está enviando uma carta (o formulário HTML) através de um serviço postal (a Internet) para um amigo (o servidor Node.js). Você escreve seu nome e e-mail na carta (os campos do formulário) e coloca a carta em uma caixa de correio especial (usando o método POST), que garante que sua carta seja entregue de forma segura e privada ao seu amigo. Seu amigo então abre a carta (processa os dados do formulário) e registra as informações em seu caderno (o banco de dados).

Componentes Envolvidos

1. Formulário HTML: É como a carta que você quer enviar. Contém campos para preencher informações, como nome e e-mail. No exemplo dado, o formulário é definido com action="/carta" e method="post", indicando para onde (a rota /cad no servidor Node.js) e como (usando o método POST, que é seguro para enviar dados sensíveis) as informações devem ser enviadas.
2. Método POST: Este é o método de envio da sua “carta”. Ele é usado para enviar dados do formulário de maneira segura ao servidor, pois os dados enviados não são visíveis na URL, ao contrário do método GET.
3. Node.js com Express: Node.js atua como seu amigo que recebe a carta. O Express é um framework que facilita a recepção e o manuseio dessas cartas (formulários HTML). Quando os dados do formulário chegam ao servidor, o Express os processa e pode realizar várias ações, como salvar essas informações em um banco de dados.
4. Middleware body-parser: Antes que seu amigo possa ler a carta, ele precisa abrir o envelope. O body-parser é como um abridor de cartas automático, que facilita a leitura dos dados enviados pelo formulário.
5. Sessão e Banco de Dados: Depois de ler a carta, seu amigo quer guardar as informações em um lugar seguro. O uso de sessões permite ao servidor lembrar quem você é e o que você enviou. As informações do formulário, como nome e e-mail, são armazenadas no banco de dados para uso futuro.
6. Rotas em Express (app.post('/carta', ...)): São como endereços específicos para onde enviar diferentes tipos de cartas. No seu caso, a rota /cad é usada para processar e armazenar os dados enviados pelo formulário de cadastro.

Processo Simplificado

1. Usuário preenche o formulário no navegador e o envia.
2. O navegador envia os dados ao servidor usando o método POST.
3. O servidor Node.js, com a ajuda do Express, recebe os dados.
4. O middleware body-parser processa os dados para que o Express possa entender.
5. Os dados são salvos no banco de dados.
6. O servidor pode então responder ao usuário, confirmando o recebimento e o registro das informações.

Agora que você já tem uma compreensão sólida do conceito básico de envio de formulários utilizando o método POST, é hora de colocar esse conhecimento em prática. Vamos guiá-lo na construção de um formulário no seu ambiente de desenvolvimento local, usando o Visual Studio Code e Node.js.

Continue com seus estudos!