GNU/Linux >> Belajar Linux >  >> Ubuntu

Instal MERN Stack untuk Aplikasi Berbasis JS di Ubuntu 20.04 - Panduan langkah demi langkah?

MERN adalah tumpukan populer yang terdiri dari MongoDB, Express, React, NodeJS. Tumpukan ini didasarkan pada JavaScript dan digunakan untuk membangun aplikasi web modern dan skalabel. Ini terdiri dari front-end (React), back-end (Node dan Express), dan komponen database (MongoDB).

Di sini, di LinuxAPT, sebagai bagian dari Layanan Manajemen Server kami, kami secara teratur membantu Pelanggan kami untuk melakukan kueri konfigurasi MongoDB terkait.

Dalam konteks ini, kita akan melihat cara menginstal MERN Stack di Ubuntu 20.04.


Langkah-langkah untuk menginstal dan mengkonfigurasi MERN Stack atau Aplikasi Berbasis JS di Ubuntu 20.04


1. Instal MongoDB

MongoDB adalah program database berorientasi dokumen lintas platform yang merupakan bagian dari keluarga NoSQL. NoSQL berbeda dari database SQL berbasis tabel tradisional karena menyimpan data dalam format JSON biner menggunakan dokumen dan koleksi. Ini memungkinkan perubahan besar pada database tanpa downtime.

MongoDB tersedia di repositori resmi Ubuntu tetapi tidak dalam versi terbaru. Pada saat penulisan ini, versi terbaru MongoDB yang tersedia untuk diunduh adalah 5.0.

Untuk menginstal MongoDB 5.0 Community edition di Ubuntu 20.04, pertama-tama kita perlu mengimpor dan kunci GPG dengan perintah di bawah ini:

$ wget -qO - https://www.mongodb.org/static/pgp/server-5.0.asc | sudo apt-key add -

Selanjutnya, tambahkan repositori MongoDB ke pengelola paket APT dengan perintah:

$ 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

Kemudian, perbarui repositori paket Ubuntu Anda:

$ sudo apt update

Selanjutnya install MongoDB dengan perintah:

$ sudo apt install mongodb-org* -y

Setelah instalasi selesai, mulai dan aktifkan MongoDB untuk berjalan secara otomatis pada boot sistem. Jalankan perintah:

$ sudo systemctl start mongod
$ sudo systemctl enable mongod

Untuk memverifikasi instalasi yang berhasil, jalankan perintah berikut untuk memeriksa status MongoDB:

$ sudo systemctl status mongod

Anda akan melihat bahwa layanan MongoDB sekarang aktif dan berjalan.


2. Buat Pengguna Admin MongoDB

Sekarang mari kita buat pengguna Admin untuk database. Masuk ke MongoDB dengan perintah:

$ sudo mongo

Setelah terhubung ke shell Mongo, jalankan perintah ini untuk membuat dan mengatur kata sandi untuk pengguna admin:

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

Keluar dari shell Mongo dengan perintah:

$ exit


3. Instal NodeJS

Node.js adalah lingkungan runtime Javascript lintas platform open-source yang memungkinkan kita membangun aplikasi sisi server yang cepat dan skalabel. Node.js biasanya digunakan dengan framework frontend JavaScript seperti React, Vue, dan Angular.

Sama seperti MongoDB, versi terbaru Node.js tidak tersedia di repositori paket default Ubuntu. Anda perlu menambahkan repositori sumber Node ke paket sistem dengan perintah di bawah ini:

$ curl -sL https://deb.nodesource.com/setup_14.x | bash -

Setelah repositori ditambahkan, lanjutkan untuk menginstal Node.js dengan perintah:

$ sudo apt-get install nodejs -y

Kemudian, verifikasi versi Node.js dengan perintah:

$ node --version

Anda juga dapat memverifikasi versi npm yang diinstal. NPM adalah manajer paket simpul yang berisi semua pustaka dan alat lain untuk pengembangan aplikasi JavaScript. Jalankan perintah:

$ npm --version


4. Instal ReactJS

ReactJS adalah pustaka JavaScript untuk membuat antarmuka pengguna modern yang responsif.

Pertama, Anda perlu menginstal alat create-react-app menggunakan manajer paket npm. Create-react-app menginstal alat yang diperlukan untuk membangun dan menjalankan aplikasi React. Jalankan perintah:

$ npm install -g create-react-app

Sekarang Anda siap untuk membuat aplikasi React.js. Jalankan perintah:

$ create-react-app my-app

Selanjutnya, masuk ke direktori my-app untuk memulai aplikasi ReactJS dengan perintah:

$ cd my-app
$ npm start 0.0.0.0

Selanjutnya, buka browser web Anda dan akses React menggunakan alamat berikut:

http://your-server-ip:3000 


5. Instal ExpressJS

ExpressJS adalah kerangka kerja aplikasi web minimal untuk NodeJS, yang hadir dengan fitur-fitur canggih untuk aplikasi seluler dan web modern. Setelah menginstal React, sekarang kita dapat menginstal generator ekspres:

$ npm install -g express-generator

Selanjutnya, buat aplikasi ekspres baru dengan perintah:

$ express new-app

Selanjutnya, navigasikan ke direktori proyek Anda dan instal semua dependensi NPM dengan menjalankan perintah berikut:

$ cd new-app
$ npm install

Sekarang, mulai server web Express menggunakan perintah berikut:

$ npm start 0.0.0.0

Untuk mengakses aplikasi Express Anda, buka browser web Anda dan arahkan ke alamat:

http://your-server-ip:3000



Ubuntu
  1. Instal qt di Ubuntu 20.04 - Panduan langkah demi langkah?

  2. Instal Git di Ubuntu 20.04 - Panduan langkah demi langkah?

  3. Instal Snort di Ubuntu 20.04 - Panduan langkah demi langkah?

  1. Instal WildFly di Ubuntu 20.04 - Panduan langkah demi langkah?

  2. Instal MERN Stack untuk Aplikasi Berbasis JS di Ubuntu 20.04 - Panduan langkah demi langkah?

  3. Instal MongoDB Compass di Ubuntu 20.04 - Panduan langkah demi langkah?

  1. Instal 7-zip di Ubuntu 20.04 - Panduan langkah demi langkah?

  2. Instal Asterisk di Ubuntu 20.04 - Panduan langkah demi langkah?

  3. Cara Menginstal MERN Stack untuk Aplikasi Berbasis JS di Ubuntu 20.04