Skip to main content
se añadieron 14 caracteres en el cuerpo
Origen Enlace
Dev 200
  • 5.5k
  • 7
  • 47
  • 91

Para servir de CSSCSS y JSJavaScript a un archivo HTMLHTML debes de seguir estos tres pasos:


## 5 - Visita en tu navegador el servidor

```localhostC:8888```

## 6 - Servidor en\ruta\dela\web\>node MarchacrearServidor.js

5 - Visita en tu navegador el servidor

localhost:8888

6 - Servidor en Marcha

Para servir de CSS y JS a un archivo HTML debes de seguir estos tres pasos:


## 5 - Visita en tu navegador el servidor

```localhost:8888```

## 6 - Servidor en Marcha

Para servir de CSS y JavaScript a un archivo HTML debes de seguir estos tres pasos:

C:\ruta\dela\web\>node crearServidor.js

5 - Visita en tu navegador el servidor

localhost:8888

6 - Servidor en Marcha

se añadieron 1074 caracteres en el cuerpo
Origen Enlace
Dev 200
  • 5.5k
  • 7
  • 47
  • 91
// Incluimos los módulos necesarios

const http = require("http");
const fs = require("fs");
const path = require("path");

// Hacemos nuestra peticion HTTP
http.createServer((request, response)=> {

// Creamos la variable que guardara la url de la petición HTTP
    let filePath = request.url;

// Por defecto sera / , debemos agregarle nuestro index.html, solo en la 
// primera peticionpetición

    if (filePath == '/') {
        filePath = '/index.html';
    }

// Seguido añadiremos la ruta de donde esta nuestro archivo y por ende 
// nuestra carpeta de la pagina web.
// Para cada petición arrojara:
//  =>  C:/usuario/carpeta/paginaWeb\index.html
//  =>  C:/usuario/carpeta/paginaWeb\css.css
//  =>  C:/usuario/carpeta/paginaWeb\javascript.js

    filePath = __dirname+filePath;

// Obtenemos la extensión del los archivos
    let fileExtension = path.extname(filePath);

// Declaramos la extensión por defecto
    let contentType = 'text/html';

// Filtramose el tipo de contenido
    switch (fileExtension) {
        case ".css":
            contentType = "text/css";
        break;
        case ".js":
            contentType = "text/javascript";
        break;
        case ".html":
            contentType = "text/html";
        default:
            contentType = "text/html";
    }

// Hacemos la lectura del archivo

   fs.readFile(filePath,{encoding:"UTF-8"}, (error,content)=>{
       if(!error) {

// Escribimos la cabecera y pasamos el tipo de contenido

           response.writeHead(200, {"Content-Type": contentType});
           response.write(content);
           response.end();
       } else {

 // Si hay error lo mostramos

           response.writeHead(404, {"Content-Type": "text/html"});
           response.write("error file");
           response.end();
       }
       })

// Configuramos la escucha de las peticiones a un puerto determinado

   }).listen(port);

4 - Versión modular

const http = require("http");
const fs = require("fs");
const path = require("path");

let crearServidor = (puerto) => {
    http.createServer((request, response)=> {
        let filePath = request.url;
        if (filePath == '/') {
          filePath = '/index.html';
        }
        filePath = __dirname+filePath;
        fileExtension= path.extname(filePath);
        switch (fileExtension) {
            case ".css":
                contentType = "text/css";
            break;
            case ".js":
                contentType = "text/javascript";
            break;
            case ".html":
                contentType = "text/html";
            default:
                contentType = "text/html";
        }
        fs.readFile(filePath,{encoding:"UTF-8"}, (error,content)=>{
            if(!error) {
                response.writeHead(200, {"Content-Type": contentType});
                response.write(content);
                response.end();
            } else {
            response.writeHead(404, {"Content-Type": "text/html"});
            response.write("error file");
            response.end();
            }
        })
    }).listen(puerto);
};

crearServidor(8888);

4 - Pon el servidor en marcha desde la consola de nodejs


## 5 - Visita en tu navegador el servidor

```localhost:8888```

## 6 - Servidor en Marcha
// Incluimos los módulos necesarios

const http = require("http");
const fs = require("fs");
const path = require("path");

// Hacemos nuestra peticion HTTP
http.createServer((request, response)=> {

// Creamos la variable que guardara la url de la petición HTTP
    let filePath = request.url;

// Por defecto sera / , debemos agregarle nuestro index.html, solo en la 
primera peticion

    if (filePath == '/') {
        filePath = '/index.html';
    }

// Seguido añadiremos la ruta de donde esta nuestro archivo y por ende 
nuestra carpeta de la pagina web.
// Para cada petición arrojara:
//  =>  C:/usuario/carpeta/paginaWeb\index.html
//  =>  C:/usuario/carpeta/paginaWeb\css.css
//  =>  C:/usuario/carpeta/paginaWeb\javascript.js

    filePath = __dirname+filePath;

// Obtenemos la extensión del los archivos
    let fileExtension = path.extname(filePath);

// Declaramos la extensión por defecto
    let contentType = 'text/html';

// Filtramose el tipo de contenido
    switch (fileExtension) {
        case ".css":
            contentType = "text/css";
        break;
        case ".js":
            contentType = "text/javascript";
        break;
        case ".html":
            contentType = "text/html";
        default:
            contentType = "text/html";
    }

// Hacemos la lectura del archivo

   fs.readFile(filePath,{encoding:"UTF-8"}, (error,content)=>{
       if(!error) {

// Escribimos la cabecera y pasamos el tipo de contenido

           response.writeHead(200, {"Content-Type": contentType});
           response.write(content);
           response.end();
       } else {

 // Si hay error lo mostramos

           response.writeHead(404, {"Content-Type": "text/html"});
           response.write("error file");
           response.end();
       }
       })

// Configuramos la escucha de las peticiones a un puerto determinado

   }).listen(port);
// Incluimos los módulos necesarios

const http = require("http");
const fs = require("fs");
const path = require("path");

// Hacemos nuestra peticion HTTP
http.createServer((request, response)=> {

// Creamos la variable que guardara la url de la petición HTTP
    let filePath = request.url;

// Por defecto sera / , debemos agregarle nuestro index.html, solo en la 
// primera petición

    if (filePath == '/') {
        filePath = '/index.html';
    }

// Seguido añadiremos la ruta de donde esta nuestro archivo y por ende 
// nuestra carpeta de la pagina web.
// Para cada petición arrojara:
//  =>  C:/usuario/carpeta/paginaWeb\index.html
//  =>  C:/usuario/carpeta/paginaWeb\css.css
//  =>  C:/usuario/carpeta/paginaWeb\javascript.js

    filePath = __dirname+filePath;

// Obtenemos la extensión del los archivos
    let fileExtension = path.extname(filePath);

// Declaramos la extensión por defecto
    let contentType = 'text/html';

// Filtramose el tipo de contenido
    switch (fileExtension) {
        case ".css":
            contentType = "text/css";
        break;
        case ".js":
            contentType = "text/javascript";
        break;
        case ".html":
            contentType = "text/html";
        default:
            contentType = "text/html";
    }

// Hacemos la lectura del archivo

   fs.readFile(filePath,{encoding:"UTF-8"}, (error,content)=>{
       if(!error) {

// Escribimos la cabecera y pasamos el tipo de contenido

           response.writeHead(200, {"Content-Type": contentType});
           response.write(content);
           response.end();
       } else {

 // Si hay error lo mostramos

           response.writeHead(404, {"Content-Type": "text/html"});
           response.write("error file");
           response.end();
       }
       })

// Configuramos la escucha de las peticiones a un puerto determinado

   }).listen(port);

4 - Versión modular

const http = require("http");
const fs = require("fs");
const path = require("path");

let crearServidor = (puerto) => {
    http.createServer((request, response)=> {
        let filePath = request.url;
        if (filePath == '/') {
          filePath = '/index.html';
        }
        filePath = __dirname+filePath;
        fileExtension= path.extname(filePath);
        switch (fileExtension) {
            case ".css":
                contentType = "text/css";
            break;
            case ".js":
                contentType = "text/javascript";
            break;
            case ".html":
                contentType = "text/html";
            default:
                contentType = "text/html";
        }
        fs.readFile(filePath,{encoding:"UTF-8"}, (error,content)=>{
            if(!error) {
                response.writeHead(200, {"Content-Type": contentType});
                response.write(content);
                response.end();
            } else {
            response.writeHead(404, {"Content-Type": "text/html"});
            response.write("error file");
            response.end();
            }
        })
    }).listen(puerto);
};

crearServidor(8888);

4 - Pon el servidor en marcha desde la consola de nodejs


## 5 - Visita en tu navegador el servidor

```localhost:8888```

## 6 - Servidor en Marcha
se añadieron 1074 caracteres en el cuerpo
Origen Enlace
Dev 200
  • 5.5k
  • 7
  • 47
  • 91
 <html>
        <head>
            <meta></meta>
            <title></title>
        </head>
        <link rel="stylesheet" type="text/css" href="css.css">
        <body>
        </body>
        <script src="javascript.js"></script>
    </html>
// Incluimos los módulos necesarios

const http = require("http");
const fs = require("fs");
const path = require("path");

var// Hacemos nuestra peticion HTTP
http.createServer((request, response)=> {

// Creamos la variable que guardara la url de la petición HTTP
    let filePath = request.url; 

// Por defecto sera / , debemos agregarle nuestro index.html, solo en la 
primera peticion

    if (filePath == '/') {
        filePath = '/index.html';
    }

// Seguido añadiremos la ruta de donde esta nuestro archivo y por ende 
nuestra carpeta de la pagina web.
// Para cada petición arrojara:
//  =>  C:/usuario/carpeta/paginaWeb\index.html
//  =>  C:/usuario/carpeta/paginaWeb\css.css
//  =>  C:/usuario/carpeta/paginaWeb\javascript.js

    filePath = __dirname+filePath;
var
// extnameObtenemos la extensión del los archivos
    let fileExtension = path.extname(filePath);
var
// Declaramos la extensión por defecto
    let contentType = 'text/html';

// Filtramose el tipo de contenido
    switch (extnamefileExtension) {
        case '".js'css":
            contentType = 'text"text/javascript';css";
        break;
        case '".css'js":
            contentType = 'text"text/css';javascript";
        break;
}


fs        case ".exists(filePath,html":
 function(exists) {          contentType = "text/html";
        default:
    if (exists) {      contentType = "text/html";
    }

// Hacemos la lectura del archivo

   fs.readFile(filePath,{encoding:"UTF-8"}, function(error, content) =>{
            if (!error) { 

// Escribimos la cabecera y pasamos el tipo de contenido

           resresponse.writeHead(500200, {"Content-Type": contentType});
                resresponse.endwrite(content);
            }response.end();
           } else { 

 // Si hay error lo mostramos

           resresponse.writeHead(200404, { 'Content"Content-Type'Type": contentType "text/html"});
           response.write("error file");
       res    response.end(content, 'utf-8');
       }
       })

// Configuramos la escucha de las peticiones a un puerto });determinado
  
   }
}).listen(port);
 <html>
        <head>
            <meta></meta>
            <title></title>
        </head>
        <link rel="stylesheet" type="text/css" href="css.css">
        <body>
        </body>
        <script src="javascript.js"></script>
    </html>
const http = require("http");
const fs = require("fs");
const path = require("path");

var filePath = request.url;
if (filePath == '/')
  filePath = '/index.html';

filePath = __dirname+filePath;
var extname = path.extname(filePath);
var contentType = 'text/html';

switch (extname) {
    case '.js':
        contentType = 'text/javascript';
        break;
    case '.css':
        contentType = 'text/css';
        break;
}


fs.exists(filePath, function(exists) {

    if (exists) {
        fs.readFile(filePath, function(error, content) {
            if (error) {
                res.writeHead(500);
                res.end();
            }
            else {
                res.writeHead(200, { 'Content-Type': contentType });
                res.end(content, 'utf-8');
            }
        });
    }
});
 <html>
        <head>
            <meta></meta>
            <title></title>
        </head>
        <link rel="stylesheet" type="text/css" href="css.css">
        <body>
        </body>
        <script src="javascript.js"></script>
</html>
// Incluimos los módulos necesarios

const http = require("http");
const fs = require("fs");
const path = require("path");

// Hacemos nuestra peticion HTTP
http.createServer((request, response)=> {

// Creamos la variable que guardara la url de la petición HTTP
    let filePath = request.url; 

// Por defecto sera / , debemos agregarle nuestro index.html, solo en la 
primera peticion

    if (filePath == '/') {
        filePath = '/index.html';
    }

// Seguido añadiremos la ruta de donde esta nuestro archivo y por ende 
nuestra carpeta de la pagina web.
// Para cada petición arrojara:
//  =>  C:/usuario/carpeta/paginaWeb\index.html
//  =>  C:/usuario/carpeta/paginaWeb\css.css
//  =>  C:/usuario/carpeta/paginaWeb\javascript.js

    filePath = __dirname+filePath;

// Obtenemos la extensión del los archivos
    let fileExtension = path.extname(filePath);

// Declaramos la extensión por defecto
    let contentType = 'text/html';

// Filtramose el tipo de contenido
    switch (fileExtension) {
        case ".css":
            contentType = "text/css";
        break;
        case ".js":
            contentType = "text/javascript";
        break;
        case ".html":
            contentType = "text/html";
        default:
            contentType = "text/html";
    }

// Hacemos la lectura del archivo

   fs.readFile(filePath,{encoding:"UTF-8"}, (error,content)=>{
       if(!error) { 

// Escribimos la cabecera y pasamos el tipo de contenido

           response.writeHead(200, {"Content-Type": contentType});
           response.write(content);
           response.end();
       } else { 

 // Si hay error lo mostramos

           response.writeHead(404, {"Content-Type": "text/html"});
           response.write("error file");
           response.end();
       }
       })

// Configuramos la escucha de las peticiones a un puerto determinado
 
   }).listen(port);
Origen Enlace
Dev 200
  • 5.5k
  • 7
  • 47
  • 91
Loading