Ola, cheguei ao final do curso, porem que queria saber nesta aplicacao que nao tem interface HTML, como eu implementaria o Cors e testaria para saber se esta funcionando ?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Ola, cheguei ao final do curso, porem que queria saber nesta aplicacao que nao tem interface HTML, como eu implementaria o Cors e testaria para saber se esta funcionando ?
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
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!