HowtoForge

Tutoriales de Linux

Cómo instalar MERN Stack para aplicaciones basadas en JS en Debian 11

La pila MERN consta de cuatro tecnologías clave: MongoDB, Express, React y Node. Está especialmente diseñado para un despliegue más fácil y rápido de aplicaciones web full-stack. Es una de las estructuras de desarrollo más populares y fáciles de usar que te ayuda a mejorar tus aplicaciones en gran medida. La pila MERN te permite construir una arquitectura de 3 niveles (frontend, backend, base de datos) utilizando completamente JavaScript y JSON.

En este tutorial, te mostraremos cómo instalar la pila MERN en Debian 11.

Requisitos previos

  • Un servidor con Debian 11.
  • Una contraseña de root configurada en el servidor.

Cómo empezar

Antes de empezar, se recomienda actualizar la caché de paquetes de tu sistema a la última versión. Puedes actualizarla con el siguiente comando:

apt-get update -y

Después de actualizar la caché de paquetes, instala otras dependencias necesarias utilizando el siguiente comando:

apt-get install gnupg2 curl -y

Una vez instaladas todas las dependencias necesarias, puedes pasar al siguiente paso.

Instalar el servidor MongoDB

MongoDB es una tecnología de base de datos NoSql y orientada a objetos que se utiliza en el almacenamiento de grandes datos. Por defecto, MongoDB no está incluido en el repositorio por defecto de Debian 11. Así que tendrás que añadir el repositorio de MongoDB a APT.

Primero, descarga y añade la clave GPG de MongoDB con el siguiente comando:

wget -qO - https://www.mongodb.org/static/pgp/server-4.4.asc | apt-key add -

A continuación, añade el repositorio de MongoDB a APT con el siguiente comando:

echo "deb http://repo.mongodb.org/apt/debian buster/mongodb-org/4.4 main" | tee /etc/apt/sources.list.d/mongodb-org-4.list

A continuación, actualiza el repositorio e instala el paquete del servidor MongoDB con el siguiente comando:

apt-get update -y
apt-get install mongodb-org -y

Tras la instalación, inicia el servicio MongoDB y habilítalo para que se inicie al reiniciar el sistema.

systemctl start mongod
systemctl enable mongod

Puedes verificar la versión de MongoDB mediante el siguiente comando:

mongod --version

Deberías ver la siguiente salida:

db version v4.4.8
Build Info: {
    "version": "4.4.8",
    "gitVersion": "83b8bb8b6b325d8d8d3dfd2ad9f744bdad7d6ca0",
    "openSSLVersion": "OpenSSL 1.1.1k  25 Mar 2021",
    "modules": [],
    "allocator": "tcmalloc",
    "environment": {
        "distmod": "debian10",
        "distarch": "x86_64",
        "target_arch": "x86_64"
    }
}

Después de instalar MongoDB, puedes proceder a instalar Node.js.

Instalación de Node.js

Node.js te permite ejecutar JavaScript en el lado del servidor y fuera del navegador. Utiliza un modelo basado en eventos que lo hace ligero para aplicaciones que se ejecutan en dispositivos distribuidos.

Para instalar la última versión de Node.js, tendrás que añadir el repositorio NodeSource a tu sistema.

curl -sL https://deb.nodesource.com/setup_16.x | bash -

Una vez instalado el repositorio, ejecuta el siguiente comando para instalar la versión 16 de Node.js en tu sistema:

apt-get install nodejs -y

Una vez completada la instalación, verifica la versión de Node.js con el siguiente comando:

node --version

Deberías ver la siguiente salida:

v16.8.0

Instalación de React.JS

React es una biblioteca JavaScript de código abierto y se utiliza para desarrollar aplicaciones web frontales. Te permite crear componentes reutilizables para una interfaz de usuario de una sola página.

Puedes instalar la herramienta create-react-app utilizando el NPM como se muestra a continuación:

npm install -g create-react-app

Tras la instalación, crea una aplicación React con el siguiente comando:

create-react-app reactapp

Deberías ver la siguiente salida:

Success! Created reactapp at /root/reactapp
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd reactapp
  npm start

Happy hacking!

Ahora, cambia el directorio a reactapp e inicia la aplicación con el siguiente comando:

cd reactapp
npm start 0.0.0.0

Deberías ver el siguiente resultado:

> [email protected] start
> react-scripts start "0.0.0.0"
Compiled successfully!

You can now view reactapp in the browser.

  http://localhost:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

Ahora, abre tu navegador web y prueba tu aplicación React utilizando la URL http://your-server-ip:3000. Deberías ver la página por defecto de React:

React JS

Pulsa CTRL+C para detener la aplicación.

Instalación de Express

Express es un framework de Node.js que se utiliza para el desarrollo rápido de aplicaciones web basadas en nodos.

Puedes instalarlo utilizando el comando NPM como se muestra a continuación:

npm install -g express-generator

Tras la instalación, crea una aplicación Express con el siguiente comando:

express mearnapp

Deberías ver la siguiente salida:

   create : mearnapp/
   create : mearnapp/public/
   create : mearnapp/public/javascripts/
   create : mearnapp/public/images/
   create : mearnapp/public/stylesheets/
   create : mearnapp/public/stylesheets/style.css
   create : mearnapp/routes/
   create : mearnapp/routes/index.js
   create : mearnapp/routes/users.js
   create : mearnapp/views/
   create : mearnapp/views/error.jade
   create : mearnapp/views/index.jade
   create : mearnapp/views/layout.jade
   create : mearnapp/app.js
   create : mearnapp/package.json
   create : mearnapp/bin/
   create : mearnapp/bin/www

   change directory:
     $ cd mearnapp

   install dependencies:
     $ npm install

   run the app:
     $ DEBUG=mearnapp:* npm start

Ahora, cambia el directorio por el de tu aplicación e instala todas las dependencias de la aplicación con el siguiente comando:

cd mearnapp
npm install

A continuación, inicia la aplicación con el siguiente comando:

npm start 0.0.0.0

Deberías ver la siguiente salida:

> [email protected] start
> node ./bin/www "0.0.0.0"

Ahora, abre tu navegador web y accede a tu aplicación Express utilizando la URL http://your-server-ip:3000. Deberías ver la siguiente página:

App Exprés

Conclusión

En la guía anterior, has aprendido a instalar la pila MERN en Debian 11. Ahora puedes utilizar este framework para el desarrollo rápido de aplicaciones web y móviles.

También te podría gustar...