【Express.js】Hola mundo

Hola Mundo

En esta sección, crearemos y ejecutaremos nuestro primer proyecto express.js y usaremos la respuesta de solicitud más simple

Preparación

• El entorno del sistema de este libro es windows10 64Bit
• Instale Node.js en su entorno de desarrollo con anticipación , este libro usa el nodo v16.17.1
• Se recomienda utilizar VsCode como herramienta de desarrollo, que tiene una buena función de solicitud de código.
• Instale una herramienta de depuración de api con anticipación, como postman , apipost , etc.

crear proyecto

1. Crear una carpeta como raíz del proyecto
2. Descargar dependencias express
   Ejecutar en el directorio raíznpm install express
3. Descargue las dependencias js-text-chart
   Ejecute en el directorio raíz npm install js-text-chart, esta es una biblioteca js para generar dibujos de personajes, este libro usa esta biblioteca como un iniciador en cada ejemplo
4. Cree un nuevo archivo de entrada en el directorio raíz, como index.js
5. Introducir dependencias en el archivo de entrada.

const express = require('express');
const evchart = require('js-text-chart').evchart;

crear servidor

1. Primero crea una instancia express

const app = express();

2. crear servidor

Montemos la instancia de la aplicación que acabamos de crear en un puerto específico, como 8080

const server = app.listen(8080);

3. Agregue una función de devolución de llamada después de que el servidor se esté ejecutando

Se refiere a una serie de operaciones después de que el servidor se ejecuta correctamente. A menudo se usa para generar información e inicialización, etc. Aquí imprimo la información básica del proyecto. Uso la función de flecha en línea "()=>{//
. ..}", también se puede reemplazar con simple "función {//...}"

const server = app.listen(8080, () => {
    
    
    let host = server.address().address;
    let port = server.address().port;

    let str = "EXPRESS-DEMO";
    let mode = [ "close", "far", undefined ];
    let chart = evchart.convert(str, mode[0]);
    console.log(chart);

    console.log("Server is ready on http://%s:%s", host, port);
})

4. política de dominio cruzado

De forma predeterminada, es posible que no se permita la interacción con diferentes nombres de dominio. Realizamos algunas configuraciones básicas para la solicitud, lo que permite que todos los dominios y todos los métodos de solicitud le den formato al encabezado de la solicitud, y establecemos el contenido del encabezado de la solicitud en formato json.

app.all("*", function (req, res, next) {
    
    
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Content-Type");
    res.header("Access-Control-Allow-Methods", "*");
    res.header("Content-Type", "application/json;charset=utf-8");
    next();
});

primera interfaz

concepto

Las interacciones de front-end y back-end se realizan en las interfaces expuestas en el back-end, y diferentes interfaces corresponden a diferentes rutas de URL en los puertos de back-end. El front-end utiliza diferentes métodos (GET, POST...) para solicitar la ruta especificada. Cuando el back-end tiene una definición para monitorear una determinada interfaz de ruta de cierta manera, obtendrá los datos transportados por la solicitud, procesar la solicitud y devolver el resultado al front-end

práctica

A continuación, agregaremos una interfaz que devuelva el mensaje de bienvenida con la ruta raíz del servidor (GET)

app.get('/', function (req, res) {
    
    
    res.send('Hello World!');
});

En el código anterior, la instancia de la aplicación escucha la solicitud GET de localhost:8080/ path y pasa 2 parámetros, el primero es la solicitud y el segundo es la respuesta . La ejecución devuelve Hello World!
res.send

interfaz de prueba

Utilice la herramienta de prueba de interfaz para acceder a localhost:8080/ en forma de GET y ¡pruébelo! ¡Obtendrás un Hello World!

segunda interfaz

Para la primera interfaz, simplemente accedimos a la interfaz sin transferir ningún dato. A continuación, crearemos una interfaz que transporte datos con parámetros de solicitud de ruta tradicionales (p. ej.: url?id=1)

práctica

Defina un formulario GET, la ruta es /get interface, pase 2 parámetros de solicitud y respuesta, pasamos la función de devolución de llamada para req.queryobtener todos los parámetros de solicitud en la ruta y usamos estos parámetros como el valor de retorno de la interfaz

app.get('/get', function (req, res) {
    
    
    let requestParams = req.query;
    res.send(requestParams);
});

interfaz de prueba

Utilice la herramienta de prueba de interfaz para acceder a localhost:8080/get?id=1&name=evanp en forma de GET ¡Pruébelo! ¡Obtendrás estos dos parámetros!

Siguiente sección - Tipos de solicitudes