La pila MERN está compuesta por cuatro componentes:MongoDB, Express, React y Node. Proporciona un conjunto de tecnologías de JavaScript utilizadas para crear sitios web JS dinámicos.
MongoDB es un sistema de base de datos NoSQL de código abierto y el más utilizado para desarrollar aplicaciones web sólidas. Express.js es un marco de aplicación web de Node.js que se utiliza para desarrollar aplicaciones híbridas basadas en web. React.js es un marco JavaScript de código abierto que se utiliza para crear una interfaz de usuario para aplicaciones móviles. Node.js es un entorno de JavaScript que permite a los desarrolladores ejecutar códigos en el servidor.
En esta guía, le mostraremos cómo instalar la pila MERN en Ubuntu 20.04.
Requisitos
- Un servidor con Ubuntu 20.04.
- Se configura una contraseña raíz en el servidor.
Cómo empezar
Primero, actualice los paquetes del sistema a la versión actualizada ejecutando el siguiente comando:
apt-get update -y
Una vez que todos los paquetes estén actualizados, puede continuar con el siguiente paso.
Instalar servidor MongoDB
De forma predeterminada, la última versión de MongoDB no está incluida en el repositorio predeterminado de Ubuntu 20.04. Por lo tanto, deberá agregar el repositorio MongoDB a su sistema.
Primero, instale todas las dependencias requeridas usando el siguiente comando:
apt-get install gnupg2 wget curl unzip git -y
Después de instalar todas las dependencias, agregue 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, agregue el repositorio de MongoDB con el siguiente comando:
echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/4.4 multiverse" | tee /etc/apt/sources.list.d/mongodb-org-4.4.list
Luego, actualice el repositorio e instale el servidor MongoDB usando el siguiente comando:
apt-get update -y
apt-get install mongodb-org -y
Una vez que se haya instalado MongoDB, inicie el servicio MongoDB y habilítelo para que se inicie al reiniciar el sistema:
systemctl start mongod
systemctl enable mongod
Luego, verifique el estado del servicio MongoDB usando el siguiente comando:
systemctl status mongod
Debería ver el siguiente resultado:
? mongod.service - MongoDB Database Server
Loaded: loaded (/lib/systemd/system/mongod.service; disabled; vendor preset: enabled)
Active: active (running) since Fri 2021-07-23 12:21:17 UTC; 5s ago
Docs: https://docs.mongodb.org/manual
Main PID: 8774 (mongod)
Memory: 58.8M
CGroup: /system.slice/mongod.service
??8774 /usr/bin/mongod --config /etc/mongod.conf
Jul 23 12:21:17 ubuntu systemd[1]: Started MongoDB Database Server.
A continuación, verifique la instalación de MongoDB con el siguiente comando:
mongo --eval 'db.runCommand({ connectionStatus: 1 })' Deberías obtener el siguiente resultado:
MongoDB shell version v4.4.7
connecting to: mongodb://127.0.0.1:27017/?compressors=disabled&gssapiServiceName=mongodb
Implicit session: session { "id" : UUID("59c89093-9e9d-413b-aafa-ae0a4ddda087") }
MongoDB server version: 4.4.7
{
"authInfo" : {
"authenticatedUsers" : [ ],
"authenticatedUserRoles" : [ ]
},
"ok" : 1
}
Crear usuario administrador de MongoDB
Primero, conéctese a la instancia de MongoDB con el siguiente comando:
mongo
Una vez que esté conectado, cambie la base de datos a administrador con el siguiente comando:
> use admin
A continuación, cree un usuario administrador y establezca una contraseña con el siguiente comando:
> db.createUser({user: "admin" , pwd: passwordPrompt() , roles: [{ role: "userAdminAnyDatabase" , db: "admin"}]})
Enter password: Deberías obtener el siguiente resultado:
Successfully added user: {
"user" : "admin",
"roles" : [
{
"role" : "userAdminAnyDatabase",
"db" : "admin"
}
]
}
A continuación, salga del shell de MongoDB con el siguiente comando:
> quit()
Instalar Node.js
De forma predeterminada, la última versión de Node.js no está incluida en el repositorio predeterminado de Ubuntu. Por lo tanto, deberá agregar el repositorio de origen de Node a su sistema.
Para agregar el repositorio de origen de Node, ejecute el siguiente comando:
curl -sL https://deb.nodesource.com/setup_14.x | bash -
Una vez agregado el repositorio, instale Node.js con el siguiente comando:
apt-get install nodejs -y
Después de la instalación, verifique la versión de Node.js con el siguiente comando:
node --version
Debería ver el siguiente resultado:
v14.17.2
También puede verificar la versión de NPM usando el siguiente comando:
npm --version
Debería ver el siguiente resultado:
6.14.13
Instalar React.js
En primer lugar, deberá instalar una herramienta de crear-reaccionar-aplicación para crear una aplicación React.js.
Puede instalarlo con el siguiente comando:
npm install -g create-react-app
Después de la instalación, cree una aplicación React.js con el siguiente comando:
create-react-app myapp
Debería ver el siguiente resultado:
Success! Created myapp at /root/myapp
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 myapp
npm start
Happy hacking!
A continuación, cambie el directorio a myapp e inicie la aplicación con el siguiente comando:
cd myapp
npm start 0.0.0.0
Debería ver el siguiente resultado:
Compiled successfully! You can now view myapp in the browser. http://localhost:3000 Note that the development build is not optimized. To create a production build, use npm run build.
Ahora puede acceder a la aplicación React.js usando la URL http://your-server-ip:3000 . Debería ver su tablero de React.js en la siguiente página:
Ahora, presiona CTRL+C en su terminal para cerrar la aplicación.
Instalar Express.js
Primero, instale express-generator con el siguiente comando:
npm install -g express-generator
Después de la instalación, cree un nuevo proyecto con el siguiente comando:
express myproject
Deberías obtener el siguiente resultado:
warning: the default view engine will not be jade in future releases
warning: use `--view=jade' or `--help' for additional options
create : myproject/
create : myproject/public/
create : myproject/public/javascripts/
create : myproject/public/images/
create : myproject/public/stylesheets/
create : myproject/public/stylesheets/style.css
create : myproject/routes/
create : myproject/routes/index.js
create : myproject/routes/users.js
create : myproject/views/
create : myproject/views/error.jade
create : myproject/views/index.jade
create : myproject/views/layout.jade
create : myproject/app.js
create : myproject/package.json
create : myproject/bin/
create : myproject/bin/www
change directory:
$ cd myproject
install dependencies:
$ npm install
run the app:
$ DEBUG=myproject:* npm start
Ahora, cambie el directorio a su proyecto e instale todas las dependencias de NPM usando el siguiente comando:
cd myproject
npm install
Ahora, inicie el servidor web Express usando el siguiente comando:
npm start 0.0.0.0
Ahora, abra su navegador web y acceda a la aplicación Express usando la URL http://your-server-ip:3000 . Debería ver la siguiente página:
Conclusión
¡Felicidades! Ha instalado con éxito la pila MERN en el servidor Ubuntu 20.04. Ahora puede iniciar el desarrollo de aplicaciones MERN. Siéntase libre de preguntarme si tiene alguna pregunta.