{"id":11252,"date":"2019-07-19T00:00:00","date_gmt":"2019-07-19T00:00:00","guid":{"rendered":"https:\/\/binus.ac.id\/binus-digital\/2019\/07\/19\/membuat-api-sederhana-dengan-nodejs-dan-expressjs\/"},"modified":"2024-09-24T02:20:27","modified_gmt":"2024-09-24T02:20:27","slug":"membuat-api-sederhana-dengan-nodejs-dan-expressjs","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/binus-digital\/2019\/07\/19\/membuat-api-sederhana-dengan-nodejs-dan-expressjs\/","title":{"rendered":"Membuat API sederhana dengan NodeJS dan ExpressJS"},"content":{"rendered":"

Featured Image<\/a> by Max Chen<\/a>.<\/p>\n

NodeJS adalah salah satu teknologi baru yang dapat digunakan untuk membuat sebuah aplikasi (Frontend, Backend, API, dll). Yang mengesankan adalah NodeJS menggunakan JavaScript sebagai bahasa pemrogramannya, yang biasanya hanya digunakan untuk development bagian Frontend saja. Sampai saat ini, NodeJS adalah salah satu teknologi yang paling banyak digunakan oleh para web developer. Apalagi dengan banyaknya library yang dapat dipakai untuk mempermudah proses development.<\/p>\n

Sedangkan ExpressJS adalah sebuah framework dari NodeJS. Dengan ExpressJS, kita dapat mempersingkat waktu untuk memulai proses development dan juga memudahkan kita dalam pembuatan sebuah aplikasi NodeJS. ExpressJS sudah menyiapkan sistem routing, file static, middleware, database integration dan juga sistem templating nya. Mari kita mulai.<\/p>\n

1. Install NodeJS<\/h3>\n

Untuk menginstall NodeJS, kamu perlu mendownloadnya terlebih dahulu di website https:\/\/nodejs.org\/en\/<\/a>, sebaiknya pilih yang versi stable (Recommended for most users). Jika sudah terdownload silahkan install terlebih dahulu NodeJS nya. Jika sudah terinstall, cara cek apakah NodeJS sudah terinstall atau belum, bisa dilakukan dengan cara membuka aplikasi Terminal<\/strong> atau Command Prompt<\/strong> pada komputer yang kamu gunakan. Lalu ketik kode berikut:<\/p>\n

npm -v\r\nnode -v<\/pre>\n
Jika pada Terminal keluar versi dari NPM dan NodeJS nya, berarti NodeJS sudah terinstall di komputer kamu.<\/p>\n
\"\"<\/p>\n
2. Buat Proyek Baru<\/h3>\n
Langkah selanjutnya adalah membuat proyek baru. Cara nya kamu buat folder baru, kamu bisa beri nama dengan latihan-nodejs <\/strong>misalnya dan\u00a0simpan di tempat yang mudah untuk kamu cari kembali. Setelah itu buat file baru di dalam folder tersebut dan beri nama dengan package.json<\/strong>. Sebenarnya ada beberapa cara pada NodeJS untuk menginisialisasi file package.json<\/strong>. Di sini kita akan menggunakan cara yang mudah dulu saja.<\/p>\n
Pada file tersebut ketik kode berikut:<\/p>\n
{\r\n\u00a0 \"name\": \"latihan-nodejs\",\r\n\u00a0 \"version\": \"1.0.0\",\r\n\u00a0 \"description\": \"Latihan membuat API menggunakan NodeJS dan ExpressJS.\",\r\n\u00a0 \"main\": \"app.js\",\r\n\u00a0 \"scripts\": {\r\n\u00a0 \u00a0 \"test\": \"echo \"Error: No test specified.\" && exit 1\"\r\n\u00a0 },\r\n\u00a0 \"author\": \"FR\",\r\n\u00a0 \"license\": \"ISC\"\r\n}<\/pre>\n
Pada file package.json, kita perlu mendeskripsikan nama aplikasi kita (name<\/strong>), version (<\/strong>versi)<\/strong>, description (<\/strong>deskripsi)<\/strong>, main<\/strong> atau entry point dari aplikasi kita. Terdapat juga scripts<\/strong> yang dapat digunakan untuk menjalankan task yang sifatnya berulang. Selain itu ada author<\/strong>, license<\/strong>, dependencies <\/strong>dan devDependencies.\u00a0<\/strong>Perlu kamu ingat bahwa pada NodeJS, file package.json sangat penting karena file tersebut yang mendeskripsikan gambaran aplikasi kamu, siapa penulisnya, serta library apa saja yang digunakan oleh aplikasi tersebut.<\/p>\n
3. Install ExpressJS<\/h3>\n
Selanjutnya adalah kita perlu menginstall ExpressJS terlebih dahulu. Cara nya adalah dengan membuka Terminal atau Command Prompt dan arahkan lokasi ke folder proyek yang sedang kamu kerjakan (latihan-nodejs<\/strong>). Lalu ketikan perintah berikut pada Terminal<\/strong> atau Command Prompt<\/strong> tersebut:<\/p>\n
npm install express --save<\/pre>\n
Setelah selesai menginstall, akan muncul folder baru dengan nama node_modules<\/strong>. Folder tersebut berisi library yang kita install. Selain itu, library yang kita install pun tercatat pada file package.json<\/strong>. Sehingga ketika kamu ingin mengirimkan aplikasi NodeJS kamu kepada temen atau orang lain, kamu cukup memberikan kode dan file package.json<\/strong> kamu. Orang yang menerima kode dan file package.json cukup ketik kode npm install<\/strong> pada Terminal atau Command Prompt untuk menginstall library yang digunakan oleh aplikasi yang kamu buat.<\/p>\n
4. Buat Aplikasi<\/h3>\n
Selanjutnya adalah membuat kode aplikasinya, cara nya buat file baru dengan nama app.js,<\/strong> nama yang sudah didaftarkan pada file package.json<\/strong> sebagai main file atau entry point. Lalu ketik kode berikut:<\/p>\n
var express = require(\"express\");\r\nvar app = express();\r\n\r\n<\/span>app.listen(3000, () => {\r\n\u00a0 console.log(\"Server running on port 3000\");\r\n});<\/span><\/pre>\n
Dengan kode tersebut, kamu sudah berhasil membuat sebuah server Express namun belum dapat digunakan. Nantinya, server dapat diakses dengan alamat http:\/\/localhost:3000<\/strong>. Sekarang kita akan menambahkan beberapa kode untuk membuat API sederhana, silahkan tambahkan kode berikut:<\/p>\n
var express = require(\"express\");\r\nvar app = express();<\/span>\r\n\r\napp.get(\"\/url\", (req, res, next) => {<\/span>\r\n\u00a0 res.json([\"Tony\", \"Lisa\", \"Michael\", \"Ginger\", \"Food\"]);<\/span><\/pre>\n
});<\/div>\n
\r\napp.listen(3000, () => {\r\n\u00a0 console.log(\"Server running on port 3000\");\r\n});<\/span><\/pre>\n
Jika sudah, sekarang buka Terminal atau Command Prompt kamu lalu ketik kode “node app.js<\/strong>“. Setelah itu buka browser kamu dan ketik alamat “http:\/\/localhost:3000\/url<\/strong>“, akan terlihat data yang ditampilkan oleh API dari kode yang telah kita buat sebelumnya.<\/p>\n
\"\"<\/p>\n
Sampai sini kamu sudah berhasil membuat API menggunakan NodeJS dan ExpressJS. Mudah bukan?<\/p>\n
Sampai jumpa di artikel selanjutnya.<\/p>\n
Referensi:
\nhttps:\/\/medium.com\/@onejohi\/building-a-simple-rest-api-with-nodejs-and-express-da6273ed7ca9<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Featured Image by Max Chen. NodeJS adalah salah satu teknologi baru yang dapat digunakan untuk membuat sebuah aplikasi (Frontend, Backend, API, dll). Yang mengesankan adalah NodeJS menggunakan JavaScript sebagai bahasa pemrogramannya, yang biasanya hanya digunakan untuk development bagian Frontend saja. Sampai saat ini, NodeJS adalah salah satu teknologi yang paling banyak digunakan oleh para web […]<\/p>\n","protected":false},"author":20,"featured_media":11253,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[],"class_list":["post-11252","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/comments?post=11252"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11252\/revisions"}],"predecessor-version":[{"id":11964,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11252\/revisions\/11964"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media\/11253"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media?parent=11252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/categories?post=11252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/tags?post=11252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}