Comenzando con el desarrollo web en Python y Node.js + Express para crear un servidor web

Tabla de contenido

1. Introducción al marco Node.js + Express

2 Comparación de Node.js + Express y Python para crear un servidor web

3 Cree un ejemplo de servidor web usando Node.js + Express

3.1 Descargar e instalar Node.js + Express

3.2 Crear un proceso de servidor web usando Node.js + Express


1. Introducción al marco Node.js + Express

        Node.js + Express es una pila de desarrollo comúnmente utilizada para crear aplicaciones web, donde Node.js es el entorno de ejecución y Express es un marco de aplicaciones web popular. Su combinación facilita la creación de aplicaciones web escalables y de alto rendimiento. Aquí hay una introducción a Node.js y Express:

  1. Nodo.js:

    • Node.js es un tiempo de ejecución de JavaScript basado en el motor Chrome V8 para crear aplicaciones de red escalables y de alto rendimiento.
    • Node.js admite un modelo de E/S controlado por eventos y sin bloqueo, lo que lo hace ideal para manejar solicitudes simultáneas, como servidores web.
    • Node.js le permite usar JavaScript en el lado del servidor, lo que permite que tanto el front-end como el back-end hablen el mismo idioma.
    • El ecosistema Node.js es muy rico, con una gran cantidad de módulos y herramientas de terceros que se pueden utilizar para diversas tareas.
  2. Marco expreso:

    • Express es un marco de aplicaciones web basado en Node.js diseñado para simplificar el proceso de creación de aplicaciones web.
    • Proporciona enrutamiento, middleware, motor de plantillas y otras funciones para facilitar a los desarrolladores la creación de aplicaciones web ricas en funciones.
    • Express utiliza middleware para procesar solicitudes y respuestas, lo que hace que la lógica de procesamiento sea modular y fácil de mantener.
    • Es flexible, puedes optar por agregar los módulos y funciones que necesites según las necesidades de tu proyecto.
    • Express es de código abierto y cuenta con el apoyo activo de la comunidad, lo que le permite evolucionar y mejorar.

        Juntos, Node.js + Express permite a los desarrolladores crear rápidamente aplicaciones web modernas y de alto rendimiento. Es adecuado para una variedad de casos de uso, desde simples páginas web estáticas hasta aplicaciones complejas de una sola página y API RESTful. Con la naturaleza asincrónica de Node.js y la conveniencia de Express, los desarrolladores pueden manejar fácilmente solicitudes simultáneas, enrutamiento, procesamiento de middleware, integración de bases de datos y otras tareas para crear aplicaciones potentes y escalables.

2 Comparación de Node.js + Express y Python para crear un servidor web

        Node.js + Express es más profesional y potente en la creación de aplicaciones web modernas y complejas, especialmente en el manejo de operaciones asincrónicas y alta concurrencia.

        Python es más adecuado para tareas generales de programación, así como para algunas necesidades simples de un servidor web.

        En detalle desde los siguientes aspectos:

  1. Lenguaje de programación:

    • Node.js + Express: Utiliza el lenguaje de programación JavaScript.
    • Python: utiliza el lenguaje de programación Python.
  2. ambiente:

    • Node.js + Express: Node.js es un entorno de ejecución dedicado a crear aplicaciones de red, que tiene potentes funciones de procesamiento asincrónico y basadas en eventos.
    • Python: Python es un lenguaje de programación de propósito general que también se puede utilizar para crear aplicaciones web, pero puede que no sea tan especializado como Node.js cuando se trata de desarrollo web.
  3. Módulos y Bibliotecas:

    • Node.js + Express: utilice el marco Express para crear aplicaciones web, que proporciona funciones completas, incluido enrutamiento, middleware, motor de plantillas, etc.
    • Python: utilice módulos como http.servery socketserverpara crear servidores HTTP simples, pero al crear aplicaciones más complejas, es posible que necesite utilizar otras bibliotecas o marcos.
  4. gramática:

    • Node.js + Express: uso de la sintaxis y el sistema de módulos de JavaScript.
    • Python: utilice la sintaxis y el sistema de módulos de Python.
  5. ecosistema:

    • Node.js + Express: el ecosistema de Node.js es muy rico y hay una gran cantidad de módulos y herramientas de terceros disponibles que son adecuados para crear varios tipos de aplicaciones web.
    • Python: Python también tiene un ecosistema sólido, pero puede ser relativamente menor cuando se trata de desarrollo web, especialmente cuando se trata de crear aplicaciones web a gran escala.
  6. Procesamiento asincrónico:

    • Node.js + Express: Node.js es excelente para manejar muchas solicitudes simultáneas debido a su modelo de E/S sin bloqueo y controlado por eventos.
    • Python: Python puede ser relativamente débil a la hora de manejar una gran cantidad de solicitudes simultáneas, pero para algunos casos de uso simples también puede funcionar bien.

3 Cree un ejemplo de servidor web usando Node.js + Express

     Node.js + Express crea un ejemplo de servidor web:

3.1 Descargar e instalar Node.js + Express

  1. Instale Node.js: Primero, asegúrese de tener Node.js instalado. Puede descargarlo e instalarlo desde el sitio web oficial de Node.js https://nodejs.org/ icono-default.png?t=N7T8https://nodejs.org/ .

  2. Crear directorio de proyecto: cree una nueva carpeta como directorio de su proyecto. Navegue a ese directorio en la línea de comando y realice los siguientes pasos.

  3. Inicialice el proyecto: abra una línea de comando y ejecute el siguiente comando para inicializar un nuevo proyecto de Node.js. Siga las indicaciones para configurar la información del proyecto.

npm init

     4  Instale Express: ejecute el siguiente comando en la línea de comando para instalar Express.

npm install express

3.2 Crear un proceso de servidor web usando Node.js + Express

  1. Crear archivos: cree los siguientes archivos en el directorio del proyecto.

    • index.html: página HTML
    • styles.css: hoja de estilo CSS
    • script.js: secuencia de comandos JavaScript
    • server.js: servidor expreso
  2. index.html: en index.htmlel archivo, escriba la página HTML.

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="stylesheet" href="styles.css">
      <title>Node.js + Express Example</title>
    </head>
    <body>
      <header>
        <h1>Welcome to Our Website</h1>
        <nav>
          <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/about">About</a></li>
            <li><a href="/contact">Contact</a></li>
          </ul>
        </nav>
      </header>
      <main>
        <h2>Home Page</h2>
        <p>This is the home page of our website.</p>
      </main>
      <script src="script.js"></script>
    </body>
    </html>
    

    3. estilos.css: en styles.cssel archivo, agregue algunas reglas de estilo.

    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }
    
    header {
      background-color: #333;
      color: #fff;
      padding: 1rem;
    }
    
    nav ul {
      list-style: none;
      display: flex;
    }
    
    nav li {
      margin-right: 1rem;
    }
    
    nav a {
      text-decoration: none;
      color: #fff;
    }
    
    main {
      padding: 2rem;
    }
    

    4. script.js: en script.jsel archivo, agregue un script JavaScript simple.

    console.log("Hello from script.js");
    

    5. server.js: en server.jsel archivo, agregue el siguiente código para crear un servidor Express.

    const express = require('express');
    const app = express();
    const port = 3000;
    
    // 静态资源托管
    app.use(express.static('public'));
    
    // 路由
    app.get('/', (req, res) => {
      res.sendFile(__dirname + '/index.html');
    });
    
    app.get('/about', (req, res) => {
      res.send('<h2>About Us</h2><p>We are a team of developers.</p>');
    });
    
    app.get('/contact', (req, res) => {
      res.send('<h2>Contact Us</h2><p>Email us at [email protected].</p>');
    });
    
    // 启动服务器
    app.listen(port, () => {
      console.log(`Server is running on http://localhost:${port}`);
    });
    

6. Ejecute el servidor: ejecute el siguiente comando en la línea de comando para iniciar su servidor estático.

node server.js

7.  Visite la página web: abra su navegador y visite http://localhost:3000, debería poder ver la página web que creó, incluida la navegación, los estilos y javascript.

        En este ejemplo, server.jsel archivo utiliza Express para crear un servidor web que maneja /solicitudes para la ruta raíz y otras rutas. No solo el HTML que index.htmlve en el archivo, sino también respuestas simples para las rutas /abouty . /contactEste ejemplo muestra cómo crear un servidor web con enrutamiento y estilo. Puede agregar más rutas y funciones según sea necesario.  

Supongo que te gusta

Origin blog.csdn.net/qq_35831906/article/details/132578679
Recomendado
Clasificación