Stack MERN adalah kombinasi dari MongoDB, Express, React, Node.js. Semuanya didasarkan pada Javascript dan tumpukan digunakan untuk membangun aplikasi web modern. Ini terdiri dari front-end (React), back-end (Node dan Express), dan komponen database (MongoDB).
MongoDB
MongoDB adalah program database berorientasi dokumen lintas platform yang dimiliki oleh keluarga NoSQL. NoSQL berbeda dari database SQL berbasis tabel tradisional (MySQL dan PostgreSQL), ia menyimpan data menggunakan dokumen dan koleksi kemudian menyimpannya dalam format JSON biner. Ini memungkinkan perubahan besar dilakukan pada database tanpa downtime.
Ekspres
ExpressJS adalah kerangka kerja aplikasi web prebuilt untuk NodeJS, ini membantu dalam membangun aplikasi web yang kuat dan skalabel. ExpressJS dirancang untuk mengembangkan aplikasi web modern satu halaman, multi-halaman, dan hybrid.
Bereaksi
ReactJS adalah pustaka JavaScript sumber terbuka untuk membangun antarmuka pengguna yang responsif. ReactJS mudah digunakan, cepat dan cepat. Ini berfokus pada pembuatan aplikasi web yang alami dan interaktif.
Simpul
NodeJS adalah lingkungan runtime Javascript open-source yang memungkinkan kami mengembangkan aplikasi web yang cepat dan skalabel yang terutama digunakan untuk operasi backend dan dapat digunakan bersama dengan kerangka kerja JavaScript frontend seperti Angular, React, Vue, dan lainnya.
Dalam tutorial ini, kami akan menunjukkan cara menginstal MongoDB, Express, React, Node stack untuk aplikasi berbasis JS di Ubuntu 20.04.
Prasyarat
- Server dengan Ubuntu 20.04. Untuk keperluan tutorial ini, kami akan menggunakan salah satu VPS Ubuntu 20.04 Terkelola kami dengan RAM 4GB.
- Akses pengguna root atau pengguna biasa dengan hak istimewa sudo.
- Catatan:Dalam tutorial ini, jalankan semua perintah tanpa “sudo” jika Anda menjalankannya dari pengguna root.
Langkah 1:Masuk melalui SSH dan Perbarui
Masuk ke VPS Ubuntu 20.04 Anda dengan SSH sebagai pengguna root:
ssh sshuser@IP_Address -p Port_number
Ganti "sshuser" dengan pengguna yang memiliki hak sudo, atau root. Selain itu, ganti “IP_Address” dan “Port_Number” dengan alamat IP dan port SSH server Anda masing-masing.
Setelah masuk, Anda dapat memeriksa apakah Anda telah menginstal versi Ubuntu 20.04 yang tepat di server Anda dengan perintah berikut:
$ lsb_release -a
Anda harus mendapatkan output ini:
No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 20.04.2 LTS
Release: 20.04
Codename: focal
Kemudian, jalankan perintah berikut untuk memastikan bahwa semua paket yang diinstal di server diperbarui ke versi terbaru yang tersedia:
$ sudo apt update
Ini memastikan kompatibilitas antar paket.
Langkah 2:Instal MongoDB
Kita dapat menginstal MongoDB dari repositori paket perangkat lunak resmi Ubuntu 20.04. Namun, tim MongoDB tidak mempertahankan versi ini dan dilengkapi dengan MongoDB versi 3.6.8. Pada artikel ini, kita akan menginstal MongoDB 4.4 yang merupakan versi terbaru yang tersedia. Namun, Anda selalu dapat memeriksa apakah versi baru MongoDB tersedia di situs web resmi mereka.
Untuk menginstal MongoDB 4.4 Community Edition di Ubuntu, kita perlu mengimpor kunci publik yang digunakan oleh sistem manajemen paket. Kita dapat melakukannya dengan perintah berikut:
$ 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 –
Setelah menambahkan repositori, kita dapat memperbarui database paket lokal
$ sudo apt update
Jalankan dua perintah di bawah ini untuk menginstal, memulai, dan mengaktifkan server MongoDB.
$ sudo apt install mongodb-org* -y
$ sudo systemctl enable --now mongod
Kita dapat memeriksa status MongoDB dengan menjalankan perintah ini
$ sudo systemctl status mongod
Mari lanjutkan dengan membuat kata sandi untuk pengguna MongoDB 'admin'
$ sudo mongo
Setelah kita berada di shell Mongo, jalankan perintah ini.
use admin
db.createUser({user: "admin" , pwd: passwordPrompt() , roles: [{ role: "userAdminAnyDatabase" , db: "admin"}]}) Dengan perintah ini, Anda akan membuat kata sandi baru untuk 'admin' pengguna MongoDB. Harap dicatat bahwa Anda tidak dapat menggunakan tanda '@' sebagai bagian dari string kata sandi Anda. Jika Anda menggunakan '@' dalam kata sandi Anda, Anda akan mendapatkan pesan kesalahan “MongoParseError:Unescaped at-sign in authority” saat mencoba menyambung ke database dari Aplikasi Ekspres Anda.
Ketik keluar() untuk keluar dari cangkang MongoDB.
quit()
Langkah 3:Instal ExpressJS, React, dan NodeJS
Untuk menginstal ExpressJS dan React, kita perlu menginstal NPM. NPM adalah node package manager, alat manajemen ketergantungan yang berisi semua perpustakaan dan alat lain untuk mengelola pengembangan aplikasi JavaScript.
Untuk menginstal NPM, kita dapat menjalankan perintah ini:
$ sudo apt install npm -y
Untuk memverifikasi instalasi, kita dapat memeriksa versi npm melalui perintah:
$ npm -v
Saat menginstal NPM, NodeJS juga akan diinstal secara otomatis. Jadi, Anda tidak perlu menjalankan perintah untuk menginstal NodeJS. Untuk memverifikasi bahwa NodeJS diinstal, Anda dapat menjalankan perintah ini:
$ node -v
Mari kita lanjutkan ke langkah selanjutnya
Instal alat Create-React-App
Untuk pemula, buat-reaksi-aplikasi akan membantu menginstal semua alat yang diperlukan untuk membangun aplikasi React. Untuk menginstal create-react-app kita dapat menjalankan perintah ini:
$ sudo npm install -g create-react-app
Sekarang, mari kita lanjutkan dengan membuat aplikasi menggunakan create-react-app
$ create-react-app myfirstapp
Perintah akan membuat direktori bernama "myfirstapp" di direktori kerja Anda saat ini. Setelah selesai, Anda akan melihat pesan seperti ini:
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
Ayo mulai aplikasinya sekarang
$ cd myfirstapp
$ npm start
Anda akan melihat pesan seperti yang ditunjukkan pada gambar di bawah ini
Anda sekarang dapat membuka tautan yang ditunjukkan pada gambar atau http://YOUR_SERVER_IP_ADDRESS:3000 menggunakan browser web apa pun yang Anda sukai, Anda akan melihat sesuatu seperti ini:
Untuk menghentikan aplikasi pada port 300, cukup tekan CTRL + C pada keyboard Anda.
ExpressJS
Setelah menginstal React, kita dapat melanjutkan dengan menginstal ExpressJS.
$ cd ~ && sudo npm install -g express-generator
Mari buat proyek baru menggunakan ExpressJS:
$ express myfirstexpressapp
Setelah menjalankan perintah, kita akan melihat pesan dan kita harus masuk ke direktori myfirstexpressapp untuk menjalankan aplikasi.
$ cd myfirstexpressapp
$ npm start
Sekarang, buka browser Anda dan navigasikan ke http://YOUR_SERVER_IP_ADDRESS:3000
Itu dia! Anda telah berhasil menginstal MongoDB, Express.js, React.js, dan Node.js, Anda dapat melanjutkan dengan membangun aplikasi Anda menggunakan tumpukan MERN.
Tentu saja, Anda tidak perlu tahu cara menginstal tumpukan MERN untuk aplikasi berbasis JS di Ubuntu 20.04 jika Anda memiliki paket hosting VPS Linux yang dikelola Ubuntu 20.04 VPS yang dihosting bersama kami. Jika ya, Anda dapat meminta tim dukungan kami untuk menginstal tumpukan MERN di Ubuntu 20.04 untuk Anda. Mereka tersedia 24/7 dan akan dapat membantu Anda dengan pemasangan tumpukan MERN, serta persyaratan tambahan yang mungkin Anda miliki.
PS. Jika Anda senang membaca posting blog ini tentang cara menginstal tumpukan MERN di Ubuntu 20.04, jangan ragu untuk membagikannya di jejaring sosial dengan menggunakan pintasan di bawah ini atau cukup tinggalkan komentar di bagian komentar. Terima kasih.