Javascript aplicado (1). Web servers. CodePen export ...

0. Introducción

Como siempre me dedico a documentar pequeños logros que han costado un gran esfuerzo de tiempo. Y este no iba a ser una excepción. Por todas partes ves que el "node" i el "npm" se utilizan hasta para lavarse las manos (y más en esta cuarentena). Parece ser que node, tiene un servidor de http, tal como se dice en w3schools, pero ... no se dice que es lo que no se puede hacer o por lo menos lo que no es evidente hacer. Por tanto, mostrar un fichero html llamado desde un fichero javascript. Pero si el fichero html hace referencia a css y/o js en otros ficheros,... ya la cosa se complica y no parece tan evidente. Por tanto hay que recurrir a otras opciones.

1. Web Server

Segun Tony O'Hagan una buena opción és usar el servidor http-server. Para ello actuamos así:

1 2 3 4 5 6 7 8 9

#Simplest Node.js server is just. Intall it: $ npm install http-server -g #Now you can run a server via the following commands: # Go to application folder $ cd MyApp # Execute the server $ http-server

2. Copiar código desde Code Pen

Quiero hacer una pequeña aplicación para aprender música y quería reutilizar parte del código de Code Pen de Philip Shim.
Si se copia el código fuente de cada una de las pantallas (html, css y js) pues se observa que le faltan cosas. Pues hay un botón abajo a la izquierda "Export" que es para exportar el proyecto con todo el código fuente completo.

Con ello se obtiene un fichero zip, que contiene una carpeta "dist" que es la que tiene todo el código fuente. Ahora la copiamos a otra carpeta y ya está.

Si hemos instalado el http-server del apartado anterios, nos vamos a nuestra carpeta y ejecutamos el http-server y nos contesta:

1 2 3 4

Starting up http-server, serving ./ Available on: http://127.0.0.1:8080 http://192.168.2.221:8080

Ahora abrimos un navegador y le damos por ejemplo

http://127.0.0.1:8080 

y a funcionar

pero.... solo a medias. si hacemos muchos cambios, parece ser que recurre al caché y llega un momeno que NO SE VEN LOS CAMBIOS!!!! Así que cuidado.