Cómo instalar MERN Stack para aplicaciones basadas en JS en Ubuntu 20.04

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. Se compone del front-end (React), el back-end (Node y Express) y los componentes de la base de datos (MongoDB).

Esta guía lo llevará a través de la instalación de MERN Stack en Ubuntu 20.04.

Paso 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 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 como se muestra:

                      
                        $ 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
                      
                    

A partir de entonces, 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
                      
                    

El servicio MongoDB ahora está en funcionamiento.

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 admin usuario.

                      
                        $ use admin
                      
                    
                      
                        $ db.createUser({user: "admin" , pwd: passwordPrompt() , roles: [{ role: "userAdminAnyDatabase" , db: "admin"}]})
                      
                    

Exit el shell de Mongo con el comando:

                      
                        $ exit
                      
                    

Paso 2: 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 de origen del nodo a los paquetes del sistema como se muestra:

                      
                        $ 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
                      
                    

Paso 3: Instalar 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. Crear-reaccionar-aplicación instala las herramientas necesarias para construir 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
                      
                    

Verá el resultado que se muestra a continuación:

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
                      
                    

Luego, abra su navegador web y acceda a React usando la siguiente dirección:

                      
                        https://your-server-ip:3000 
                      
                    

Paso 3: 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 express-generator como se muestra:

                      
                        $ npm install -g express-generator
                      
                    

A continuación, cree una nueva aplicación express con el comando:

                      
                        $ express new-app
                      
                    

Deberías obtener el siguiente resultado:

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:

                      
                        $ https://your-server-ip:3000
                      
                    

Verá el siguiente resultado:

Conclusión

Ha instalado con éxito la pila MERN en su sistema Ubuntu 20.04.

Related Posts