Você está aqui: Node.js ::: Dicas & Truques ::: HTTP Module (Módulo HTTP) |
Como servir páginas HTML estáticas no Node.js - Somente Node.js, sem Express ou quaisquer outras dependênciasQuantidade de visualizações: 5039 vezes |
Durante algum ponto do ciclo de desenvolvimento de uma aplicação web usando as stacks MEAN (Mongo, Express, Angular, Node), MERN (Mongo, Express, React, Node) ou afins, nós podemos precisar servir páginas estáticas, talvez com o propósito de desenvolver protótipos. E o Node.js serve muito bem a esse propósito. Vamos começar escrevendo uma página HTML bem simples, contendo apenas um cabeçalho header e um pequeno parágrafo: ---------------------------------------------------------------------- Precisa de ajuda? Chama no WhatsApp +55 (62) 98553-6711 (Osmar) Este código foi útil? Paga um cafezinho pra mim :-( PIX: osmar@arquivodecodigos.com.br ---------------------------------------------------------------------- <html> <head> <meta http-equiv="charset=iso-8859-2" /> <title>Estudos Node.js</title> </head> <body> <h1>Bem-vindo ao Node.js</h1> <p>Esta página HTML foi servida de forma estática no Node.js, sem usar Express ou qualquer outra dependência</p> </body> </html> Agora vamos criar um servidor HTTP Node.js bem simples que carrega o arquivo index.html que criamos e o serve de forma estática para o usuário (local ou pelos computadores disponíveis na rede). Veja o código: ---------------------------------------------------------------------- Precisa de ajuda? Chama no WhatsApp +55 (62) 98553-6711 (Osmar) Este código foi útil? Paga um cafezinho pra mim :-( PIX: osmar@arquivodecodigos.com.br ---------------------------------------------------------------------- // importamos o módulo HTTP var http = require("http"); var fs = require('fs'); // precisamos também do módulo File System // endereço da página HTML var arquivo = 'c:\\estudos_nodejs\\index.html'; // vamos criar o servidor HTTP var servidor = http.createServer(function(request, response){ // Aqui nós enviamos o cabeçalho HTTP, com a resposta // 200 (OK) e o content type text/html response.writeHead(200, {'content-type': 'text/html'}); // vamos servir o conteúdo da página HTML fs.createReadStream(arquivo).pipe(response); }); servidor.listen(8081); // o HTTP server vai ouvir na posta 8081 // Que tal uma mensagem no console? console.log('O servidor está ouvindo em http://127.0.0.1:8081/'); Salve este código como servidor.js e execute-o no Node.js com o comando: c:\estudos_nodejs>node servidor.js Se tudo correr bem você acessar o endereço http://127.0.0.1:8081 e ver o seguinte resultado: ![]() É claro que o nosso servidor Node.js para páginas estáticas ainda não está bom, porque, independente do documento que digitarmos após a endereço do servidor, ele vai sempre nos servir a página index.html. Mas isso você conseguirá facilmente resolver lendo as nossas outras dicas e truques de Node.js. |
![]() |
Veja mais Dicas e truques de Node.js |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
1º lugar: Java |