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:
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:
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.