Pada tutorial ini, saya akan sedikit membahas tentang proses pembuatan backend REST API sederhana menggunakan NodeJs, ExpressJs dan MongoDB. REST merupakan salah satu jenis web service yang ada selain, XML RPC dan SOAP. Untuk XML RPC saya pernah mencobanya di Java dan penggunaannya cukup gampang dilakukan. Di tutorial berikutnya, saya akan jelaskan bagaimana prakteknya XML RPC pada Java. REST merupakan singkatan dari Representational State Transfer yang mana ini merupakan standar pada web yang melewati protokol HTTP untuk melakukan pertukaran data antar perangkat. Adapun beberapa method yang bisa digunakan pada REST ialah sebagai berikut:
<ol>
 	<li>GET</li>
 	<li>POST</li>
 	<li>DELETE</li>
 	<li>PUT</li>
</ol>
Pada tutorial ini, yang saya pakai hanya GET untuk mengambil data dari server, POST untuk menyimpan data baru dan mengubah data di server dan DELETE saya gunakan untuk menghapus data pada server.

&nbsp;
<h2><strong>Peralatan yang digunakan</strong></h2>
<ol>
 	<li>IDE IntelliJ yang sudah ditambah plugin NodeJs merupakan IDE yang saya gunakan pada tutorial ini.</li>
 	<li>MongoDD merupakan database open source yang bersifat NoSQL.</li>
</ol>
&nbsp;
<h2>Buat Projek Baru</h2>
Sebelum kita memulai coding di NodeJs silakan Anda buka terlebih dahulu IDE IntelliJ dengan cara pilih <strong>Create New Project.</strong>

<img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.codepolitan.com/uploads/image/source/106/1.jpg?1472922381076" alt="1" />

Kemudian pilih <strong>Node.js Express App </strong>dan <strong>Next</strong>.
<p style="text-align: center;"><img src="https://www.codepolitan.com/uploads/image/source/106/2.jpg?1472922727095" alt="2" /></p>
Kemudian isi <strong>Project Name</strong> dan field lainnya sesuai kondisi Anda. Setelah itu pilih <strong>Finish</strong>.

<img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.codepolitan.com/uploads/image/source/106/3.jpg?1472922447198" alt="3" />

&nbsp;
<h2>Persiapan Sebelum Menulis Coding</h2>
Setelah Anda berhasil membuat projek baru di IntelliJ maka, Anda sudah dapat melihat struktur projek baru Anda kira - kira seperti pada gambar berikut.
<p style="text-align: center;"><img src="https://www.codepolitan.com/uploads/image/source/106/7.jpg?1472922868211" alt="7" /></p>
<p style="text-align: left;">Pada gambar diatas, ada 2 direktori baru yang harus Anda buat yaitu, <strong>config</strong> dan <strong>model</strong>. Setelah itu buka file <strong>package.json</strong> dan tambahkan dependency <strong>mongoose</strong> seperti berikut.</p>
<p style="text-align: left;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.codepolitan.com/uploads/image/source/106/8.jpg?1472923095176" alt="8" /></p>
<p style="text-align: left;">Bagi Anda yang belum tahu apa itu dependency maka, akan saya jelaskan sedikit bahwa dependency ini hampir sama seperti Maven pada Java yang mana fungsinya ialah untuk menambahkan library eksternal dari internet. Setelah itu, lakukan proses instalasi npm agar dependency yang sudah kita tambahkan tadi bisa masuk ke projek yang Anda buat. Caranya, buka tab <strong>Terminal</strong> pada tab bagian bawah IntelliJ.</p>
<p style="text-align: center;"><img src="https://www.codepolitan.com/uploads/image/source/106/9.jpg?1472923646711" alt="9" /></p>
<p style="text-align: left;">Dan kemudian, ketikkan perintah "<strong>npm install"</strong>(tanpa tanda kutip) pada terminal dan tunggu beberapa saat sampai proses instalasi npm nya selesai(Catatan: untuk menjalankan perintah tersebut Anda memerlukan koneksi internet).</p>
<p style="text-align: left;"></p>

<h2 style="text-align: left;">Membuat Database</h2>
Saya anggap pada tutorial ini Anda sudah berhasil melakukan instalasi MongoDB di perangkat Anda. Bagi Anda yang belum melakukan proses instalasi MongoDB silakan diunduh <a href="https://www.mongodb.com/download-center" target="_blank">di sini</a>. Sebelum Anda membuka terminal mongodb pastikan terlebih dahulu bahwa mongodb Anda sudah berjalan dengan baik. Caranya, buka aplikasi <strong>Command Prompt</strong> pada Windows dan masuk ke direktori instalasi mongodb. Apabila, Anda meng-install mongodb nya di direktori <em>C:\Program Files\mongodb </em>maka, ketikkan perintah berikut.

<code>cd C:\Program Files\MongoDB\Server\3.2\bin</code>
<p style="text-align: left;">Setelah itu, ketik lagi perintah berikut untuk menjalankan servis mongodb nya.</p>
<code>mongod</code>
<p style="text-align: left;">Dan apabila tidak muncul tulisan error berarti, Anda telah berhasil menjalankan servis mongodb nya. Selanjutnya, buka terminal mongodb nya caranya, buka aplikasi <strong>Command Prompt</strong> baru dan masuk ke direktori mongodb seperti pada langkah diatas dan setelah itu ketikkan perintah</p>
<code>mongo</code>
<p style="text-align: left;">kemudian, buat database baru di mongodb dengan nama "university". Perintahnya ialah</p>
<code>use university;</code>
<p style="text-align: left;">Setelah itu, buat <em>collection</em> baru dengan nama "students". Sedikit catatan, pada pemberian nama <em>collection</em> di mongodb perlu ditambah huruf "s" pada akhir nama <em>collection</em>. Mengapa??? silakan Anda baca <a href="http://stackoverflow.com/questions/10547118/why-does-mongoose-always-add-an-s-to-the-end-of-my-collection-name" target="_blank">di sini.</a> Cara membuat <em>collection </em>pada mongodb ialah dengan cara mengetikkan perintah berikut.</p>
<code>db.createCollection("students");</code>

&nbsp;
<h2>Membuat Model</h2>
Untuk langkah awal sebelum coding, silakan Anda buat file javascript di direktori <strong>model</strong> dan beri nama <strong>student</strong>.

<img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.codepolitan.com/uploads/image/source/106/10.jpg?1472925274278" alt="10" />

Setelah itu, ketikkan source code berikut ke dalam file <strong>student.js</strong>.

<script src="//pastebin.com/embed_js/vcunCAeK"></script>

Berikut sedikit penjelasan mengenai source code diatas.

<ul>
 	<li><strong>var monggose = require("mongoose") </strong>berfungsi untuk melakukan import library mongoose.</li>
 	<li><strong>var Schema = mongoose.Schema() </strong>berfungsi untuk membuat Schema dari si mongoose.</li>
 	<li><strong>var studentSchema = new Schema . . . </strong>berfungsi untuk membuat struktur dari collection yang sudah kita buat di awal.</li>
 	<li><strong>var student = mongoose.model("students", studentSchema) </strong>berfungsi untuk menghubungkan collection di mongodb dengan model studentSchema.</li>
</ul>

Berikut gambar source code diatas.

<img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.codepolitan.com/uploads/image/source/106/11.jpg?1472925896895" alt="11" />

 

<h2 style="text-align: left;">Membuat Konfigurasi Database</h2>

Buat file javascript baru dengan nama <strong>database</strong> dan letakkan di direktori <strong>config</strong> seperti pada gambar berikut.

<img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.codepolitan.com/uploads/image/source/106/12.jpg?1472926093535" alt="12" />

File ini berisi url dari database mongodb dan berikut source code nya.

<script src="//pastebin.com/embed_js/Rg8SnN8x"></script>

&nbsp;
<h2>Membuat File Router</h2>
Buat file javascript baru dengan nama <strong>students</strong> pada direktori <strong>routes</strong>.
<p style="text-align: center;"><img src="https://www.codepolitan.com/uploads/image/source/106/13.jpg?1472926350334" alt="13" /></p>
<p style="text-align: left;">Dan ketikkan source code berikut.</p>
<script src="//pastebin.com/embed_js/VSWy8YGx"></script>

 

<h2 style="text-align: left;">Konfigurasi File app.js</h2>

Langkah berikutnya ialah melakukan konfigurasi pada file <strong>app.js </strong>yang mana file ini merupakan file utama pada projek. Pada file ini, Anda hanya perlu melakukan import file <strong>students</strong> yang sudah Anda buat tadi dan mensetup agar bisa diakses oleh aplikasi dan setting port yang akan digunakan oleh server. Berikut source code yang perlu Anda tambahkan.

<script src="//pastebin.com/embed_js/LFSBtxCB"></script>

Jadi, setelah Anda tambahkan source code diatas maka, source code lengkapnya dari file <strong>app.js </strong>ialah sebagai berikut.

<script src="//pastebin.com/embed_js/DJmyeq4Q"></script>

&nbsp;
<h2>Testing</h2>
Untuk testing, pada kali ini saya menggunakan aplikasi <strong>postman</strong>. Dan berikut ialah hasil testingnya.
<h3>Tambah Data Mahasiswa Baru</h3>
<img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.codepolitan.com/uploads/image/source/106/14.jpg?1472927385729" alt="14" />

&nbsp;
<p style="text-align: center;"><img src="https://www.codepolitan.com/uploads/image/source/106/15.jpg?1472927420285" alt="15" /></p>
<p style="text-align: left;"></p>

<h3 style="text-align: left;">Ubah Data Mahasiswa</h3>
<p style="text-align: center;"><img src="https://www.codepolitan.com/uploads/image/source/106/16.jpg?1472927464370" alt="16" /></p>
<p style="text-align: center;"></p>
<p style="text-align: center;"><img src="https://www.codepolitan.com/uploads/image/source/106/17.jpg?1472927479954" alt="17" /></p>
<p style="text-align: center;"></p>

<h3 style="text-align: left;">Hapus Data Mahasiswa</h3>
<p style="text-align: center;"><img src="https://www.codepolitan.com/uploads/image/source/106/18.jpg?1472927517871" alt="18" /></p>
<p style="text-align: center;"></p>
<p style="text-align: center;"><img src="https://www.codepolitan.com/uploads/image/source/106/19.jpg?1472927525305" alt="19" /></p>
<p style="text-align: left;"></p>
<p style="text-align: left;"></p>

Belajar Membuat REST API Sederhana dengan Node.js, Express.js dan MongoDB

GenAI Video Fest adalah ajang kompetisi video kreatif yang diselenggarakan oleh CODEPOLITAN bekerjasama dengan Alibaba Cloud.

Kami menantang kreator, tech-enthusiast, dan siapa saja untuk mendobrak batas imajinasi menggunakan teknologi Generative AI terbaru. Di sini, kamu wajib menggunakan WAN Model Studio dari Alibaba Cloud sebagai tools utama untuk menghasilkan karya videomu (bisa dikombinasikan dengan tools editing lainnya).

Tunjukkan pada dunia bagaimana teknologi dan kreativitas bisa bersatu menciptakan karya visual yang berdampak!

Kategori Kompetisi
Pilih satu dari empat tema besar ini untuk karyamu:
* Humanity (Kemanusiaan): Cerita yang menyentuh hati, sosial, dan kepedulian antar sesama.
* Sports (Olahraga): Energi, semangat juang, dan dinamika dunia olahraga.
* Entertainment (Hiburan): Komedi, musik, video klip, atau parodi yang menghibur.
* Science (Sains): Visualisasi masa depan, teknologi, alam semesta, atau penemuan ilmiah.

Total Prize Pool senilai Rp 250.000.000 menunggu para pemenang!
* Top Winners Rewards: Uang Tunai, Alibaba Cloud Credits (hingga $500), Merchandise Eksklusif, dan SWAG CODEPOLITAN.
* Lucky Draw Event: Kesempatan menang hadiah tambahan bagi peserta yang beruntung.
* Massive Exposure: Karya terbaik akan di-highlight di media sosial CODEPOLITAN, Alibaba Cloud, dan channel industri kreatif lainnya.
* Special Access (Khusus Alumni RuangAI): Dapatkan 2 Token untuk klaim Kelas Spesialisasi di RuangAI secara gratis.

Jangan sampai ketinggalan tanggal penting ini:
* Pendaftaran & Submission: 23 Desember 2024 - 23 Januari 2025
* Penjurian (Judging Phase): 24 - 26 Januari 2025
* Pengumuman Pemenang: 27 Januari 2025

Cara Ikutan:
1. Daftar: Klik tombol "Daftar Sekarang" dan pastikan kamu punya akun RuangAI.
2. Join Discord: Masuk ke server Discord komunitas untuk info teknis dan diskusi.
3. Create: Buat video kreatifmu menggunakan WAN Model Studio (Alibaba Cloud) sesuai kategori pilihan.
4. Upload & Submit: Unggah videomu ke media sosial (IG/TikTok/YouTube) dan submit link karyamu di halaman submission RuangAI.

Ikuti kompetisi video Generative AI terbesar dari CODEPOLITAN dan Alibaba Cloud! Gunakan teknologi WAN Model Studio untuk menyulap ide liarmu menjadi visual memukau. Rebut total hadiah senilai Rp 250.000.000!

GenAI Video Fest

Program Beasiswa Belajar Generative AI Chapter 4 hadir sebagai kelanjutan dari komitmen jangka panjang kolaborasi antara CODEPOLITAN dengan mitra global: Google.org, AVPN, dan Asian Development Bank (ADB). Program ini tetap dijalankan secara terpusat melalui ekosistem RuangAI.

Pada Chapter 4 ini, kami membawa semangat kolaborasi ke tingkat yang lebih tinggi. Selain tetap menyediakan kurikulum fundamental Generative AI berstandar Google untuk empat kategori utama peserta (Mahasiswa, Pencari Kerja, Siswa Vokasi, dan UMKM), RuangAI kini melakukan ekspansi strategis dengan menggandeng berbagai komunitas di seluruh Indonesia.

Program beasiswa fundamental Generative AI berstandar Google untuk Mahasiswa, Pencari Kerja, Siswa Vokasi, dan UMKM yang siap naik level di era AI.

Belajar Membuat REST API Sederhana dengan Node.js, Express.js dan MongoDB

Learning

KelasFullstack

RuangAI

JagoanSiber

Baca Artikel Lainnya

Hello Java

Class Interface

Algoritma Bubble Sort dengan Java

Enkripsi Caesar Cipher dengan Java

Algoritma Binary Searching dengan Java

Tutorial Android - Cara Membuat Aplikasi Lampu di Android