Panduan Lengkap Menginstal dan Menggunakan MongoDB di VS Code

 MongoDB adalah salah satu database yang populer, khususnya dalam mengelola data berbasis dokumen. Jika Anda seorang pengembang yang sering bekerja dengan VS Code, Anda dapat memanfaatkan ekstensi MongoDB for VS Code untuk mengakses, mengelola, dan melakukan query pada database MongoDB langsung dari editor Anda. Dalam artikel ini, kita akan membahas langkah demi langkah untuk menginstal MongoDB di VS Code dan latihan soal sederhana menggunakan operator di MongoDB.

1. Menginstal Ekstensi MongoDB di VS Code

Langkah pertama adalah memasang ekstensi MongoDB for VS Code. Ekstensi ini memungkinkan kita terhubung ke database MongoDB, membuat dan mengelola koleksi, serta menjalankan query dengan mudah.

Langkah-langkah:

  1. Buka VS Code.
  2. Pilih Extensions di sidebar kiri atau tekan Ctrl + Shift + X pada keyboard Anda.
  3. Pada kolom pencarian, ketik MongoDB for VS Code.
  4. Klik Install pada ekstensi MongoDB for VS Code yang muncul.


Setelah terpasang, ikon MongoDB akan muncul di sidebar kiri VS Code.

2. Menghubungkan VS Code ke Database MongoDB

Setelah ekstensi terpasang, kita perlu menghubungkan VS Code ke database MongoDB yang ingin kita gunakan. Anda dapat menggunakan MongoDB lokal atau MongoDB Atlas (cloud).

Langkah-langkah:

  1. Klik ikon MongoDB di sidebar kiri VS Code.
  2. Pilih Add Connection.
  3. Masukkan URI koneksi MongoDB Anda, contohnya:
    • Untuk MongoDB lokal: mongodb://localhost:27017.
    • Untuk MongoDB Atlas: URI ini bisa Anda dapatkan dari halaman MongoDB Atlas, di bagian Connect.
  4. Klik Connect untuk terhubung ke database MongoDB.



3. Membuat Playground untuk Query MongoDB

MongoDB di VS Code memiliki fitur Playground—lingkungan interaktif yang memungkinkan Anda menjalankan query MongoDB dan melihat hasilnya secara langsung.

Langkah-langkah:

  1. Setelah koneksi berhasil, klik Create MongoDB Playground di panel MongoDB.
  2. Sebuah file Playground baru akan terbuka, di mana Anda bisa menulis dan menjalankan query MongoDB.


4. Melihat Dokumen di Koleksi

Sekarang, mari lihat dokumen yang ada di dalam koleksi di database Anda. Anda bisa menjelajahi data yang sudah ada tanpa harus menggunakan terminal.

Langkah-langkah:

  1. Klik salah satu koleksi di database MongoDB yang telah terhubung.
  2. Pilih Documents untuk melihat data dalam koleksi tersebut.

5. Menambahkan Dokumen Baru ke Koleksi

Untuk menambahkan dokumen baru ke dalam koleksi, Anda bisa melakukannya langsung dari antarmuka MongoDB di VS Code.

Langkah-langkah:

  1. Pilih koleksi yang diinginkan.
  2. Klik Insert Document.
  3. Masukkan data yang diinginkan dalam format JSON. Misalnya:
    json
    { "name": "Product A", "category": "Game", "rating": 4.5, "price": 0 }
  4. Klik Insert untuk menambahkan dokumen ke koleksi.

6. Membuat Koleksi Baru

Jika Anda ingin mengelompokkan data dalam koleksi baru, ikuti langkah berikut:

Langkah-langkah:

  1. Di dalam database, klik kanan dan pilih Add Collection.
  2. Masukkan nama koleksi yang baru, misalnya users atau products.
  3. Klik Create untuk membuat koleksi baru.

7. Mencari Dokumen dengan Query (Document Search)

Untuk mencari dokumen yang sesuai dengan kriteria tertentu, Anda bisa menggunakan fitur pencarian atau membuat filter kustom.

Langkah-langkah:

  1. Buka koleksi, lalu klik Documents.
  2. Masukkan query pencarian di kolom filter. Misalnya:
    json

    { "rating": { "$gt": 4.5 } }
    Filter ini akan menampilkan semua dokumen dengan rating lebih besar dari 4.5.


Kuis 

1. Kerjakan modul 3 (operator pembanding) dan modul 4 (operator logika) dengan menggunakan mongodb for vscode 
2. Screnshoot query dan hasilnya lalu upload di blog masing-masing


Kuis Modul 3: Menggunakan Operator Pembanding

Di sini kita akan menggunakan beberapa operator pembanding untuk mencari dokumen sesuai kriteria tertentu. Berikut beberapa query contohnya:

  1. Menampilkan dokumen dengan rating lebih dari 4.5:

    json

    { "rating": { "$gt": 4.5 } }
    • Operator $gt berarti “greater than” (lebih besar dari).
  2. Menampilkan dokumen dengan harga sama dengan 0 (gratis):

    json

    { "price": 0 }
    • Query ini menampilkan semua dokumen di mana price bernilai 0.
  3. Menampilkan dokumen dengan rating kurang dari atau sama dengan 4.2:

    json

    { "rating": { "$lte": 4.2 } }
    • Operator $lte berarti “less than or equal to” (kurang dari atau sama dengan).
  4. Menampilkan dokumen dengan harga lebih dari 5000 dan kurang dari 20000:

    json

    { "price": { "$gt": 5000, "$lt": 20000 } }
    • Operator $gt dan $lt digunakan bersamaan untuk menentukan rentang nilai.


Kuis Modul 4: Menggunakan Operator Logika

Di sini kita akan menggunakan operator logika seperti $and dan $or untuk query yang lebih kompleks.

  1. Menampilkan dokumen dengan kategori "Game" dan harga 0:

    json

    { "$and": [{ "category": "Game" }, { "price": 0 }] }
    • Operator $and digunakan untuk menggabungkan dua kondisi. Dalam contoh ini, dokumen harus memiliki category bernilai "Game" dan price bernilai 0.
  2. Menampilkan dokumen dengan rating lebih dari 4.0 atau harga kurang dari 10000:

    json

    { "$or": [{ "rating": { "$gt": 4.0 } }, { "price": { "$lt": 10000 } }] }
    • Operator $or mengembalikan dokumen yang memenuhi salah satu dari kondisi yang diberikan.
  3. Menampilkan dokumen dengan kategori "Productivity" dan rating di atas 4.5 atau harga di bawah 10000:

    json

    { "$and": [{ "category": "Productivity" }, { "$or": [{ "rating": { "$gt": 4.5 } }, { "price": { "$lt": 10000 } }] }] }
    • Query ini menggabungkan $and dan $or untuk memilih dokumen dengan category "Productivity" dan salah satu dari dua kondisi berikut: rating lebih besar dari 4.5 atau price di bawah 10000.


Dengan mengikuti panduan ini, Anda sekarang dapat mengelola data MongoDB langsung di VS Code, mulai dari melihat, menambahkan, hingga mencari dokumen. Selamat mencoba, dan semoga artikel ini membantu!

Komentar