La composición del sitio
Las aplicaciones web se pueden dividir en dos partes: el lado del cliente y el servidor.
Cliente: Parte de que se ejecuta en un navegador, es la interfaz de usuario para ver e interactuar con el programa. El uso de HTML, CSS, JavaScript edificio.
Servidor: parte de la operación en el servidor, responsable del almacenamiento de datos y el procesamiento de la lógica de la aplicación.
servidor web
Sitio Web del servidor: sitio web proporciona acceso a los servicios es la máquina servidor de sitio, que puede recibir del cliente la solicitud , para realizar la solicitud en respuesta .
componentes del servidor de nodo de Web:
1, ordenador
2, el medio ambiente Nodo
3, la respuesta de solicitud de objetos
Un servidor pocos nombres
direcciones IP
identificar de manera única los dispositivos de Internet.
IP es la abreviatura de Internet Protocol Address, en nombre de la dirección de protocolo de Internet
Local IP: 127.0.0.1
nombre de dominio
Debido a que las direcciones IP difíciles de recordar, por lo que su concepto de un nombre de dominio, el nombre de dominio se suele llamar la URL de Internet utilizado .
http://www.itheima.com => http://124.165.219.100/
A pesar de la entrada de la URL en la barra de direcciones, pero con el tiempo se convertirá el nombre de dominio a IP para el acceso al servidor de sitio específico.
El dominio de la máquina: localhost
puerto
La comunicación con el mundo exterior es la toma de CA al puerto del ordenador, que se utiliza para distinguir entre los diferentes servicios prestados en el equipo servidor.
URL
Uniform Resource Locator, también conocida como dirección URL (Uniform Resource Locator), está diseñado para identificar en Internet en línea situación de los recursos de un tipo de modos de direccionamiento y estableció, por lo general se refieren a la dirección de la página web que es la dirección URL.
Composición de la URL
Protocolo de transferencia: // server IP o nombre de dominio: puerto / posición del logo de recursos
http: //www.itcast.cn/news/20181018/ 09152238514.html
http: protocolo de transferencia de hipertexto, proporciona un método para publicar y recibir páginas HTML.
Crear un servidor web local
1 // Crear un módulo de servidor web 2 // sistema de referencia http módulo . 3 const = http la require ( "http" ); . 4 . 5 // crear un servidor web 6. Const = App http.createServer (); . 7 . 8 // Cuando el servidor cuando hay una solicitud 9 // esto es agregar un evento al servidor, se añade la solicitud en nombre del evento solicitud, seguido por el controlador de eventos 10 app.on ( "petición", (REQ, RES) => { . 11 // RES es objeto de respuesta 12 es // REQ es un objeto de la petición 13 es 14 // respuesta de solicitud al cliente 15 res.end ( '<h1 de> usuario Hello </ h1 de>' ); 16 }); . 17 18 // puerto de escucha, para proporcionar servicios al mundo exterior 19 app.listen (3000 ); 20 21 console.log ( "El servidor se ha iniciado satisfactoriamente");
protocolo HTTP
htpp: protocolos de transferencia de hipertexto Protocolo (Inglés: Protocolo de transferencia de hipertexto, abreviatura: HTTP) define cómo el servidor se transmite hipertexto al navegador local, que se basa en el trabajo cliente-servidor, la arquitectura es el cliente (usuario) y el servidor ( sitio web) de petición y respuesta estándares.
Los paquetes
Datos de transmisión en bloque de peticiones y respuestas HTTP durante la llamada en el paquete, incluyendo los datos a transmitir y la información adicional, y para cumplir con buena forma.
paquete de petición
Agregue el servidor de eventos solicitud cuando el segundo parámetro es el objeto controlador de eventos que tiene dos parámetros por defecto, el primer parámetro a un valor predeterminado para el objeto de solicitud req
Este objeto tiene tres propiedades
req.headers // obtención de paquete de solicitud de
La obtención de solicitud de modo de paquetes
1 // Cómo mensaje de petición de información 2 // req.headers 3. La console.log (req.headers); . 4 // obtención de un paquete de petición en una [Key] . 5 la console.log (req.headers [ "Aceptar "]);
req.url solicitud de adquisición de dirección //
Es la ubicación de los recursos adquiridos en el campo URL
Protocolo de transferencia: // server IP o nombre de dominio: puerto / posición del logo de recursos
Si los recursos no son la adquisición campo de ubicación por defecto /
Diferentes campos adquirieron diferentes operaciones
1 // Obtener solicitud de dirección: es un identificador, para proporcionar a los usuarios con diferentes respuestas 2 // req.url . 3 la console.log (req.url); . 4 IF (req.url == "/ index" || req.url == "/" ) { 5. res.end ( "<H2> Bienvenido a la casa </ H2>" ); . 6 } else SI (req.url == "/ Lista" ) { . 7 res.end ( "disponibles para su compra listpage a " ); . 8 } else { 9. res.end (" Nota Fond " ); 10 }
req.method // método solicitud GET
Solicitando dividido en dos tipos:
campo Dirección introduzca la URL: Solicitud obtener la solicitud de los datos
solicitud POST es una solicitud para enviar datos: enviar un formulario de solicitud POST
. 1 <! - 2 Método: Especifica la corriente de manera formulario de envío 3. Acción: Presentar la dirección especificada de la forma actual . 4 -> . 5 < forma Método = "POST" Acción = "http: // localhost: 3000" > . 6 < ENTRADA escriba = "Enviar" > . 7 </ forma >
Diferentes solicitudes que se pueden hacer diferentes operaciones
1 // 获取请求方式 2 // req.method 3 console.log (req.method); 4 Si (req.method == "POST" ) { 5 res.end ( "post" ) 6 } demás si (== req.method "GET" ) { 7 res.end ( "get" ) 8 }
mensaje de respuesta
paquete de respuesta conjunto
1 // paquete de respuesta 2 // res.writeHead () 3. // Parámetro 1: código de estado, no de escritura predeterminado es 200 4. // Parámetro 2: Objeto: para escribir la información paquete de respuesta. Los paquetes recibidos hacer el proceso 5. Res.writeHead (200 es , { 6. // set código de análisis de HTML, la codificación de formato UTF8 7. "Content-type": "text / html; charset = UTF8" . 8 });
Código de estado
200 petición exitosa
404 El recurso solicitado no se encuentra
error 500 de servidor
400 cliente solicita un error de sintaxis
Respuesta tipo de contenido del mensaje
text / html
text / css
aplicación / javascript
image / jpeg
application / json
-------