La pila MERN es una combinación de MongoDB, Express, React, Node. Todos ellos están basados en Javascript y la pila se utiliza para crear aplicaciones web modernas. Comprende el front-end (React), el back-end (Node y Express) y los componentes de la base de datos (MongoDB).
MongoDB
MongoDB es un programa de base de datos orientado a documentos multiplataforma que pertenece a una familia de NoSQL. NoSQL es diferente de las bases de datos SQL tradicionales basadas en tablas (MySQL y PostgreSQL), guarda datos usando documentos y colecciones y luego los almacena en formato JSON binario. Permite realizar grandes cambios en las bases de datos sin tiempo de inactividad.
Exprés
ExpressJS es un marco de aplicación web preconstruido para NodeJS, ayuda a construir aplicaciones web robustas y escalables. ExpressJS está diseñado para desarrollar aplicaciones web modernas híbridas, de una sola página y de varias páginas.
Reaccionar
ReactJS es una biblioteca JavaScript de código abierto para crear interfaces de usuario receptivas. ReactJS es fácil de usar, rápido y veloz. Se centra en la creación de aplicaciones web naturales e interactivas.
Nodo
NodeJS es un entorno de tiempo de ejecución de Javascript de código abierto que nos permite desarrollar aplicaciones web rápidas y escalables que se utilizan principalmente para operaciones de back-end y se pueden usar junto con marcos de JavaScript de front-end como Angular, React, Vue y otros.
En este tutorial, le mostraremos cómo instalar MongoDB, Express, React, Node stack para aplicaciones basadas en JS en Ubuntu 20.04.
Requisitos
- Un servidor con Ubuntu 20.04. A los efectos de este tutorial, utilizaremos uno de nuestros VPS administrados con Ubuntu 20.04 con 4 GB de RAM.
- Un acceso de usuario root o un usuario normal con privilegios sudo.
- Nota:en este tutorial, ejecute todos los comandos sin "sudo" si los ejecuta desde el usuario raíz.
Paso 1:Inicie sesión a través de SSH y actualice
Inicie sesión en su Ubuntu 20.04 VPS con SSH como usuario root:
ssh sshuser@IP_Address -p Port_number
Reemplace "sshuser" con un usuario que tenga privilegios sudo o root. Además, reemplace "IP_Address" y "Port_Number" con la dirección IP y el puerto SSH respectivos de su servidor.
Una vez que haya iniciado sesión, puede verificar si tiene instalada la versión adecuada de Ubuntu 20.04 en su servidor con el siguiente comando:
$ lsb_release -a
Deberías obtener este resultado:
No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 20.04.2 LTS
Release: 20.04
Codename: focal
Luego, ejecute el siguiente comando para asegurarse de que todos los paquetes instalados en el servidor estén actualizados a sus últimas versiones disponibles:
$ sudo apt update
Esto asegura la compatibilidad entre paquetes.
Paso 2:Instalar MongoDB
Podemos instalar MongoDB desde los repositorios oficiales de paquetes de software de Ubuntu 20.04. Pero el equipo de MongoDB no mantiene esta versión y viene con la versión 3.6.8 de MongoDB. En este artículo, instalaremos MongoDB 4.4, que es la última versión disponible. Sin embargo, siempre puede verificar si hay una nueva versión de MongoDB disponible en su sitio web oficial.
Para instalar MongoDB 4.4 Community Edition en Ubuntu, necesitamos importar la clave pública utilizada por el sistema de administración de paquetes. Podemos hacerlo con el siguiente comando:
$ echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
$ wget -qO – https://www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add –
Después de agregar el repositorio, podemos actualizar la base de datos de paquetes local
$ sudo apt update
Ejecute los dos comandos a continuación para instalar, iniciar y habilitar el servidor MongoDB.
$ sudo apt install mongodb-org* -y
$ sudo systemctl enable --now mongod
Podemos verificar el estado de MongoDB ejecutando este comando
$ sudo systemctl status mongod
Procedamos con la creación de una contraseña para el usuario de MongoDB 'admin'
$ sudo mongo
Una vez que estemos en el shell de Mongo, ejecute estos comandos.
use admin
db.createUser({user: "admin" , pwd: passwordPrompt() , roles: [{ role: "userAdminAnyDatabase" , db: "admin"}]}) Con este comando, creará una nueva contraseña para el usuario 'admin' de MongoDB. Tenga en cuenta que no puede usar el signo '@' como parte de su cadena de contraseña. Si usa '@' en su contraseña, recibirá el mensaje de error "MongoParseError:autoridad de inicio de sesión sin escape" cuando intente conectarse a la base de datos desde su aplicación Express.
Escribe salir() para salir del shell de MongoDB.
quit()
Paso 3:Instalar ExpressJS, React y NodeJS
Para instalar ExpressJS y React, necesitamos instalar NPM. NPM es un administrador de paquetes de nodos, una herramienta de administración de dependencias que contiene todas las bibliotecas y otras herramientas para administrar el desarrollo de aplicaciones JavaScript.
Para instalar NPM, podemos ejecutar este comando:
$ sudo apt install npm -y
Para verificar la instalación, podemos verificar la versión de npm a través del comando:
$ npm -v
Al instalar NPM, NodeJS también se instalará automáticamente. Por lo tanto, no necesita invocar un comando para instalar NodeJS. Para verificar que NodeJS está instalado, puede ejecutar este comando:
$ node -v
Procedamos con el siguiente paso
Instalar la herramienta Create-React-App
Para principiantes, create-react-app ayudará a instalar todas las herramientas necesarias para crear aplicaciones React. Para instalar create-react-app podemos ejecutar este comando:
$ sudo npm install -g create-react-app
Ahora, procedamos a crear una aplicación usando create-react-app
$ create-react-app myfirstapp
El comando creará un directorio llamado "myfirstapp" en su directorio de trabajo actual. Una vez completado, verá un mensaje como este:
Success! Created myfirstapp at /home/master/myfirstapp 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 myfirstapp npm start
Comencemos la aplicación ahora
$ cd myfirstapp
$ npm start
Verá un mensaje como se muestra en la imagen a continuación
Ahora puede abrir el enlace que se muestra en la imagen o http://YOUR_SERVER_IP_ADDRESS:3000 usando cualquier navegador web de su agrado, verá algo como esto:
Para detener la aplicación en el puerto 300, simplemente presione CTRL + C en su teclado.
ExpressJS
Después de instalar React, podemos continuar con la instalación de ExpressJS.
$ cd ~ && sudo npm install -g express-generator
Creemos un nuevo proyecto usando ExpressJS:
$ express myfirstexpressapp
Después de ejecutar el comando, veremos el mensaje y debemos ingresar al directorio myfirstexpressapp para ejecutar la aplicación.
$ cd myfirstexpressapp
$ npm start
Ahora, abra su navegador y vaya a http://YOUR_SERVER_IP_ADDRESS:3000
¡Eso es todo! Ha instalado correctamente MongoDB, Express.js, React.js y Node.js, puede continuar con la creación de su aplicación utilizando la pila MERN.
Por supuesto, no es necesario que sepa cómo instalar la pila MERN para aplicaciones basadas en JS en Ubuntu 20.04 si tiene un plan de alojamiento VPS de Linux administrado Ubuntu 20.04 VPS alojado con nosotros. Si lo hace, simplemente puede pedirle a nuestro equipo de soporte que instale la pila MERN en Ubuntu 20.04 por usted. Están disponibles las 24 horas del día, los 7 días de la semana y podrán ayudarlo con la instalación de la pila MERN, así como con cualquier requisito adicional que pueda tener.
PD. Si disfrutó leyendo esta publicación de blog sobre cómo instalar la pila MERN en Ubuntu 20.04, siéntase libre de compartirla en las redes sociales utilizando los accesos directos a continuación o simplemente deje un comentario en la sección de comentarios. Gracias.