Skip to main content

CRUD dengan NodeJs dan MongoDb Bagian 1


Pada sesi tutorial sebelumnya kita sudah melakukan installasi nodejs dan mongodb, nah kita akan memulai untuk membuat CRUD nya. Kenapa saya langsung membuat CRUD? alasan sederhananya adalah setiap aplikasi tidak bisa lepas dari yang namanya (Create data , Read Data, Update data dan Delete data) oleh karena itu pemahaman CRUD ini menjadi sangat penting untuk kita pahami. Sebetulnya banyak sekali dokumentasi mengenai NodeJS dan MongoDb yang bisa kalian pelajari dari situs resminya. Namun saya selalu menekankan belajar langsung dari project agar ilmu terserap lebih cepat.

Pada kesempatan kali ini kita hanya membuat CRUD yang akan kita operasikan dengan POSTMAN, dimana menginput, edit dan delete nya tanpa form html. Kedepannya saya akan menggunakan bootstrap versi terbaru sebagai form templatenya.

Ikuti langkah-langkah berikut ini :

Langkah 1 :
Bukalah terminal app pada ubuntu anda (Ctrl + Alt + T) kemudian kita buat kerangka aplikasi dengan express generator

"sudo npm install express-generator -g" 

(Tanpa tanda petik)


Langkah 2 :
Pindahkan folder untuk membuat project express nodejs dan mongodb ke folder Documents

"cd Documents"

 Langkah 3
Buat sebuah aplikasi baru dengan nama "KasirApp"

"express kasirapp -e"

Maka anda akan memeroleh struktur aplikasi dengan nama kasirapp di folder Documents.


Langkah ke 4 :
Pindahkan directory ke kasirapp dengan mengetik pada terminal

"cd kasirapp"

maka sekarang anda sudah berada pada folder kasirapp

Langkah ke 5 :
Lakukan instalasi npm dengan cara mengetikan 

"npm instal"

Langkah ke 6:
Uji coba aplikasi dengan cara mengetik 

"npm start"

Jika anda berhasil maka ketika anda membuka localhost:3000 pada browser akan muncul halaman bahwa web app anda dengan express sudah berhasil.


Pada browser


Untuk mematikan server anda bisa menekan ctrl +c

Langkah ke 7 :
Agar kita tidak repot mematikan dan menyalakan server kita bisa menginstall nodemon

"sudo npm install -g nodemon"
Kemudian kita cukup mengetikan nodemon pada teminal untuk menjalankan server, dan secara otomatis ter refresh jika ada kode yang diubah.



Langkah 8 :
Selanjutnya kita akan menghubungkan nodejs app kita dengan mongodb , ketikan "mongod" pada terminal


Langkah 9 :
Selanjutnya adalah kita melakukan installasi mongodb driver dengan mengetik pada terminal
"sudo npm install mongoose --save"



Baiklah sekarang kita sudah berhasil membuat aplikasi nodejs dengan express, selanjutnya kita akan menghubungkan dengan database mongodb pada Part 2 ya

Link Part 2 

Terimakasih

Salam
Ipung Purwono

Labels:
Location: Pangebatan, Karanglewas, Banyumas Regency, Central Java 53161, Indonesia

Comments

Post a Comment

Popular posts from this blog

CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 3

Pada tutorial sebelumnya kita sudah membuat database mongodb dengan nama database "universitas" dengan collection adalah "mahasiswa" dengan isi "nim, nama, email, dan phone". Sekarang adalah mengkonfigurasi agar database dapat berinteraksi atau terkoneksi dengan nodejs app kita. Buka atom editor anda, atau bisa mengetikan pada terminal "atom" kemudian tambahkan project folder crudapps pada atom anda Nah anda sudah memiliki struktur folder aplikasi webapps tersebut. Sekarang anda membuat file config.js pada root folder (maksudnya adalah file tersebut berada pada folder crudapps) bukan didalam folder bin dan sebagainya. Anda juga bisa membuat file secara labgsung pada terminal dengan mengetikan "touch config.js" sehingga anda memiliki sebuah file baru dengan nama config.js. File config.js akan mendefinisikan url database berjalan dan port yang digunakan, nantinya file config.js tersebut akan di panggil di file app.js. B...
1 comment
Read more

CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 2

Sebelumnya kita sudah menginstall packages yang dibutuhkan. pada tahap ini kita akan membuat database mongodb. Langkah 1 : Masuk ke commad mongo dengan mengetikan pada terminal ubuntu anda "mongo" Langkah 2 : Buatlah sebuah database dengan nama "universitas" dengan mengetik "use universitas" Jika anda berhasil, maka anda akan menemukan informasi "switched to db universitas" Langkah 3 : Membuat field key unik untuk email "db.mahasiswa.createIndex({"email":1},{unique:true})" Langkah 4 : Menginputkan beberapa data pada collection "mahasiswa" "db.mahasiswa.insert({nim:"111",nama:"Ipung Purwono",email:"ipungofficial@hotmail.com",phone:"089812345678"})" "db.mahasiswa.insert({nim:"112",nama:"Joko Purwono",email:"jokoofficial@hotmail.com",phone:"089812345678"})" "db.mahasiswa.insert({nim:...
1 comment
Read more

CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 1

Pada tutorial sebelumnya kita sudah membuat CRUD juga, namun belum menggunakan markup language yaitu html dan css yang biasa kita gunakan. Nah pada kesempatan kali ini saya akan membuatnya dengan Bootstrap Framework agar lebih mudah dan cepat. Tutorial ini lumayan panjang karena sangat komplit dari installasi packages yang dibutuhkan, membuat database mongodb beserta collectionnya, templating dan konfigurasi bootstrap tentunya. Pada tutorial kali ini kita akan membuat langkah-langkah umum yaitu : Install Express.js untuk kerangka aplikasinya beserta packages lain seperti body parser, cookie parser, ejs, path dan sebagainya. Membuat database kampus dengan collection mahasiswa. Nah yang akan di CRUD kan adalah data mahasiswa. Membuat konfigurasi routes dan view  Konfigurasi dengan bootstrap tentunya Baiklah itu adalah 4 langkah umum yang akan kita buat. Sekarang kita akan memulai langkah pertama : Langkah 1 : Arahkan folder ke Documents pada ubuntu anda dengan men...
Post a Comment
Read more