MERN es una pila popular que comprende MongoDB, Express, React, NodeJS. Esta pila se basa en JavaScript y se utiliza para crear aplicaciones web modernas y escalables. Está compuesto por el front-end (React), el back-end (Node y Express) y los componentes de la base de datos (MongoDB).
Aquí en LinuxAPT, como parte de nuestros Servicios de administración de servidores, ayudamos regularmente a nuestros Clientes a realizar consultas de configuración de MongoDB relacionadas.
En este contexto, veremos cómo instalar MERN Stack en Ubuntu 20.04.
Pasos para instalar y configurar MERN Stack o aplicaciones basadas en JS en Ubuntu 20.04
1. Instalar MongoDB
MongoDB es un programa de base de datos multiplataforma orientado a documentos que forma parte de la familia NoSQL. NoSQL se diferencia de las bases de datos SQL tradicionales basadas en tablas en que guarda datos en formato binario JSON utilizando documentos y colecciones. Esto permite realizar grandes cambios en las bases de datos sin tiempo de inactividad.
MongoDB está disponible en el repositorio oficial de Ubuntu pero no en la última versión. En el momento de escribir este artículo, la última versión de MongoDB disponible para descargar es la 5.0.
Para instalar MongoDB 5.0 Community edition en Ubuntu 20.04, primero debemos importar y la clave GPG con el siguiente comando:
$ wget -qO - https://www.mongodb.org/static/pgp/server-5.0.asc | sudo apt-key add -
A continuación, agregue el repositorio MongoDB al administrador de paquetes APT con el comando:
$ echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/5.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-5.0.list
Luego, actualice su repositorio de paquetes de Ubuntu:
$ sudo apt update
A continuación, instale MongoDB con el comando:
$ sudo apt install mongodb-org* -y
Una vez finalizada la instalación, inicie y habilite MongoDB para que se ejecute automáticamente en el arranque del sistema. Ejecute el comando:
$ sudo systemctl start mongod
$ sudo systemctl enable mongod
Para verificar la instalación exitosa, ejecute el siguiente comando para verificar el estado de MongoDB:
$ sudo systemctl status mongod
Verá que el servicio MongoDB ahora está en funcionamiento.
2. Crear usuario administrador de MongoDB
Ahora vamos a crear un usuario administrador para la base de datos. Inicie sesión en MongoDB con el comando:
$ sudo mongo
Una vez conectado al shell de Mongo, ejecute estos comandos para crear y establecer una contraseña para el usuario administrador:
$ use admin
$ db.createUser({user: "admin" , pwd: passwordPrompt() , roles: [{ role: "userAdminAnyDatabase" , db: "admin"}]})
Salga del shell de Mongo con el comando:
$ exit
3. Instalar NodeJS
Node.js es un entorno de tiempo de ejecución de Javascript multiplataforma y de código abierto que nos permite crear aplicaciones del lado del servidor rápidas y escalables. Node.js generalmente se usa con marcos de interfaz de JavaScript como React, Vue y Angular.
Al igual que MongoDB, la última versión de Node.js no está disponible en el repositorio de paquetes predeterminado de Ubuntu. Debe agregar el repositorio fuente de Node a los paquetes del sistema con el siguiente comando:
$ curl -sL https://deb.nodesource.com/setup_14.x | bash -
Después de agregar el repositorio, proceda a instalar Node.js con el comando:
$ sudo apt-get install nodejs -y
Luego, verifique la versión de Node.js con el comando:
$ node --version
También puede verificar la versión de npm instalada. NPM es un administrador de paquetes de nodos que contiene todas las bibliotecas y otras herramientas para el desarrollo de aplicaciones JavaScript. Ejecute el comando:
$ npm --version
4. Instala ReactJS
ReactJS es una biblioteca de JavaScript para crear interfaces de usuario modernas y receptivas.
Primero, debe instalar la herramienta create-react-app usando el administrador de paquetes npm. Create-react-app instala las herramientas necesarias para crear y ejecutar una aplicación React. Ejecute el comando:
$ npm install -g create-react-app
Ahora está listo para crear una aplicación React.js. Ejecute el comando:
$ create-react-app my-app
A continuación, vaya al directorio my-app para iniciar la aplicación ReactJS con el comando:
$ cd my-app
$ npm start 0.0.0.0
A continuación, abra su navegador web y acceda a React utilizando la siguiente dirección:
http://your-server-ip:3000
5. Instale ExpressJS
ExpressJS es un marco de aplicación web mínimo para NodeJS, que viene con características sólidas para aplicaciones móviles y web modernas. Después de instalar React, ahora podemos instalar el generador express:
$ npm install -g express-generator
A continuación, cree una nueva aplicación express con el comando:
$ express new-app
A continuación, navegue hasta el directorio de su proyecto e instale todas las dependencias de NPM ejecutando el siguiente comando:
$ cd new-app
$ npm install
Ahora, inicie el servidor web Express usando el siguiente comando:
$ npm start 0.0.0.0
Para acceder a su aplicación Express, abra su navegador web y navegue hasta la dirección:
http://your-server-ip:3000