[Dúvida] Como implementar cors e testar | Node.js: criando uma API Rest com Express e MongoDB

Oi Amanda! Tudo bem?

Que bom saber que você chegou ao final do curso! Implementar o CORS (Cross-Origin Resource Sharing) em uma aplicação Node.js com é bem tranquilo. Então, vou te mostrar como fazer isso e também como testar para garantir que está funcionando corretamente.

Implementando o CORS

Primeiro, você precisa instalar o pacote cors no seu projeto. Você pode fazer isso usando o npm:
```
npm install cors
```

Depois de instalar, você precisa configurar o CORS no seu arquivo principal do servidor (geralmente app.js ou server.js). Aqui está um exemplo de como fazer isso:

const express = require('express');
const cors = require('cors');
const app = express();

// Configurando o CORS
app.use(cors());

// Suas outras configurações e rotas
app.get('/api', (req, res) => {
    res.json({ message: 'Hello, world!' });
});

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
    console.log(`Servidor rodando na porta ${PORT}`);
});

Testando o CORS

Como sua aplicação não tem uma interface HTML, você pode testar o CORS usando ferramentas como o Postman ou até mesmo criando uma pequena aplicação front-end para fazer requisições à sua API.

Usando o Postman

Abra o Postman e crie uma nova requisição.
Defina o método HTTP (GET, POST, etc.) e a URL da sua API.
Clique em "Send" para enviar a requisição.
Verifique a resposta e os headers. Se o CORS estiver configurado corretamente, você verá os headers de CORS na resposta, como Access-Control-Allow-Origin.

Criando uma pequena aplicação front-end

Você pode criar um pequeno arquivo HTML com JavaScript para fazer uma requisição à sua API e verificar se o CORS está funcionando. Aqui está um exemplo simples:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Teste CORS</title>
</head>
<body>
    <script>
        fetch('http://localhost:3000/api')
            .then(response => response.json())
            .then(data => console.log(data))
            .catch(error => console.error('Erro:', error));
    </script>
</body>
</html>

Abra este arquivo HTML no seu navegador e verifique o console do navegador para ver a resposta da sua API. Se o CORS estiver configurado corretamente, você verá a resposta sem erros de CORS.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.

Mergulhe em programação