{"id":1357,"date":"2025-07-19T07:37:25","date_gmt":"2025-07-19T07:37:25","guid":{"rendered":"https:\/\/kompetenesia.com\/blog\/?p=1357"},"modified":"2025-07-19T07:37:26","modified_gmt":"2025-07-19T07:37:26","slug":"tutorial-menggunakan-express-js","status":"publish","type":"post","link":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/","title":{"rendered":"Tutorial Menggunakan Express.js"},"content":{"rendered":"\n<p>Jika Anda tertarik untuk membangun aplikasi web dengan Node.js, <strong>Express.js<\/strong>\u00a0adalah salah satu framework yang harus Anda coba. <\/p>\n\n\n\n<p>Express.js adalah framework minimalis dan fleksibel untuk membangun aplikasi web dan API menggunakan Node.js. <\/p>\n\n\n\n<p>Dalam artikel ini, kami akan memberikan <strong>tutorial menggunakan Express.js<\/strong>\u00a0secara lengkap, mulai dari pengenalan dasar hingga implementasi sederhana untuk membantu Anda memahami cara kerjanya dengan mudah.<\/p>\n\n\n\n<p>Di tengah tingginya permintaan akan talenta digital, <a href=\"https:\/\/kompetenesia.com\/blog\/sertifikasi-web-developer\/\">Sertifikasi Web Developer <\/a>bisa menjadi pembeda yang menunjukkan kesiapan profesional dalam menghadapi proyek nyata.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#Apa_Itu_Expressjs\" >Apa Itu Express.js?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#Mengapa_Memilih_Expressjs\" >Mengapa Memilih Express.js?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#Persiapan_Sebelum_Memulai\" >Persiapan Sebelum Memulai<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#Membuat_Aplikasi_Expressjs_Pertama_Anda\" >Membuat Aplikasi Express.js Pertama Anda<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#1_Menyiapkan_Proyek\" >1. Menyiapkan Proyek<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#2_Menginstal_Expressjs\" >2. Menginstal Express.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#3_Membuat_Server_Dasar\" >3. Membuat Server Dasar<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#Menambahkan_Rute_dan_Middleware_di_Expressjs\" >Menambahkan Rute dan Middleware di Express.js<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#1_Menambahkan_Rute_Lain\" >1. Menambahkan Rute Lain<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#2_Menggunakan_Middleware\" >2. Menggunakan Middleware<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#Menggunakan_Template_Engine_di_Expressjs\" >Menggunakan Template Engine di Express.js<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#1_Menginstal_EJS\" >1. Menginstal EJS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#2_Mengonfigurasi_Express_untuk_Menggunakan_EJS\" >2. Mengonfigurasi Express untuk Menggunakan EJS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#3_Membuat_Halaman_dengan_EJS\" >3. Membuat Halaman dengan EJS<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#Kesimpulan\" >Kesimpulan<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Apa_Itu_Expressjs\"><\/span><strong>Apa Itu Express.js?<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Sebelum kita melangkah lebih jauh ke dalam <strong>tutorial menggunakan Express.js<\/strong>, mari kita pahami dulu apa itu Express.js. <\/p>\n\n\n\n<p>Express.js adalah framework web yang dibangun di atas <strong>Node.js<\/strong>\u00a0untuk memudahkan pembuatan aplikasi web dan RESTful API. <\/p>\n\n\n\n<p>Dengan Express.js, Anda dapat menangani permintaan HTTP, mengelola rute, dan membuat middleware dengan cara yang lebih efisien dan lebih mudah dibandingkan menggunakan Node.js murni.<\/p>\n\n\n\n<p>Express.js banyak digunakan oleh pengembang karena kesederhanaan dan fleksibilitasnya. <\/p>\n\n\n\n<p>Dengan menggunakan Express.js, Anda bisa lebih fokus pada logika aplikasi dan membiarkan framework ini menangani tugas-tugas berat yang terkait dengan pengelolaan server.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mengapa_Memilih_Expressjs\"><\/span><strong>Mengapa Memilih Express.js?<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Sebelum melanjutkan ke <strong>tutorial menggunakan Express.js<\/strong>, mari kita bahas dulu beberapa alasan mengapa Express.js sangat populer di kalangan pengembang:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Ringan dan Cepat<\/strong>: Express.js adalah framework minimalis yang tidak membebani aplikasi Anda dengan fitur yang tidak diperlukan. Ini membuat aplikasi lebih cepat dan ringan.<\/li>\n\n\n\n<li><strong>Routing yang Fleksibel<\/strong>: Express memudahkan untuk mendefinisikan rute-rute HTTP yang spesifik untuk aplikasi Anda. Anda dapat menangani berbagai jenis permintaan HTTP (GET, POST, PUT, DELETE) dengan mudah.<\/li>\n\n\n\n<li><strong>Middleware yang Kuat<\/strong>: Express memungkinkan Anda menggunakan middleware untuk menangani berbagai proses seperti otentikasi, validasi data, dan logging, menjadikannya sangat fleksibel dan dapat disesuaikan.<\/li>\n\n\n\n<li><strong>Komunitas yang Besar<\/strong>: Express.js memiliki komunitas pengembang yang sangat besar, sehingga memudahkan Anda untuk menemukan dokumentasi, tutorial, dan dukungan.<\/li>\n<\/ol>\n\n\n\n<p>Dengan memahami alasan di balik popularitas Express.js, kita sekarang siap untuk melanjutkan ke <strong>tutorial menggunakan Express.js<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Persiapan_Sebelum_Memulai\"><\/span><strong>Persiapan Sebelum Memulai<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Sebelum memulai implementasi dengan <strong>Express.js<\/strong>, ada beberapa hal yang perlu Anda persiapkan:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Node.js<\/strong>: Anda harus menginstal Node.js terlebih dahulu. Node.js adalah runtime environment yang memungkinkan Anda menjalankan JavaScript di sisi server. Anda bisa mengunduh dan menginstal Node.js dari situs resmi <a href=\"https:\/\/nodejs.org\/\"><u>Node.js<\/u><\/a>.<\/li>\n\n\n\n<li><strong>Text Editor<\/strong>: Anda akan membutuhkan text editor seperti Visual Studio Code, Sublime Text, atau Atom untuk menulis kode.<\/li>\n\n\n\n<li><strong>Terminal atau Command Prompt<\/strong>: Anda perlu terminal untuk menjalankan perintah-perintah di sistem operasi Anda (misalnya, menjalankan server atau menginstal paket).<\/li>\n<\/ol>\n\n\n\n<p>Setelah semuanya terinstal, Anda siap untuk memulai <strong>tutorial menggunakan Express.js<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Membuat_Aplikasi_Expressjs_Pertama_Anda\"><\/span><strong>Membuat Aplikasi Express.js Pertama Anda<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Menyiapkan_Proyek\"><\/span><strong>1. Menyiapkan Proyek<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Langkah pertama dalam <strong>tutorial menggunakan Express.js<\/strong>&nbsp;adalah membuat direktori proyek dan menginisialisasi proyek Node.js. Buka terminal Anda dan jalankan perintah berikut untuk membuat folder baru untuk aplikasi Anda dan menginisialisasi proyek Node.js:<\/p>\n\n\n\n<p>mkdir express-tutorial<\/p>\n\n\n\n<p>cd express-tutorial<\/p>\n\n\n\n<p>npm init -y<\/p>\n\n\n\n<p>Perintah npm init -y&nbsp;akan membuat file package.json&nbsp;yang berisi informasi tentang proyek Anda.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Menginstal_Expressjs\"><\/span><strong>2. Menginstal Express.js<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Setelah menginisialisasi proyek, Anda perlu menginstal Express.js. Di dalam direktori proyek, jalankan perintah berikut:<\/p>\n\n\n\n<p>npm install express &#8211;save<\/p>\n\n\n\n<p>Perintah ini akan menginstal Express.js dan menambahkannya ke dalam file package.json&nbsp;proyek Anda.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Membuat_Server_Dasar\"><\/span><strong>3. Membuat Server Dasar<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Sekarang kita akan membuat server dasar menggunakan Express.js. Di dalam direktori proyek, buat file baru dengan nama app.js&nbsp;dan buka dengan text editor Anda. Kemudian, tulis kode berikut untuk memulai server Express:<\/p>\n\n\n\n<p>const express = require(&#8216;express&#8217;);<\/p>\n\n\n\n<p>const app = express();<\/p>\n\n\n\n<p>const port = 3000;<\/p>\n\n\n\n<p>app.get(&#8216;\/&#8217;, (req, res) =&gt; {<\/p>\n\n\n\n<p>&nbsp;&nbsp;res.send(&#8216;Hello, Express!&#8217;);<\/p>\n\n\n\n<p>});<\/p>\n\n\n\n<p>app.listen(port, () =&gt; {<\/p>\n\n\n\n<p>&nbsp;&nbsp;console.log(`Server is running on http:\/\/localhost:${port}`);<\/p>\n\n\n\n<p>});<\/p>\n\n\n\n<p>Penjelasan kode:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>express()<\/strong>: Membuat aplikasi Express.<\/li>\n\n\n\n<li><strong>app.get(&#8216;\/&#8217;)<\/strong>: Menangani permintaan HTTP GET pada root URL (\/) dan mengirimkan respons teks &#8220;Hello, Express!&#8221;.<\/li>\n\n\n\n<li><strong>app.listen(port)<\/strong>: Menjalankan server pada port yang ditentukan (3000 pada contoh ini).<\/li>\n<\/ul>\n\n\n\n<p>Setelah menulis kode ini, simpan file dan jalankan server dengan perintah berikut di terminal:<\/p>\n\n\n\n<p>node app.js<\/p>\n\n\n\n<p>Sekarang buka browser Anda dan pergi ke http:\/\/localhost:3000. Anda akan melihat pesan &#8220;Hello, Express!&#8221; yang menandakan bahwa server Anda berjalan dengan baik.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Menambahkan_Rute_dan_Middleware_di_Expressjs\"><\/span><strong>Menambahkan Rute dan Middleware di Express.js<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Setelah server dasar siap, mari kita lanjutkan dengan menambahkan rute dan middleware dalam aplikasi <strong>Express.js<\/strong>&nbsp;Anda.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Menambahkan_Rute_Lain\"><\/span><strong>1. Menambahkan Rute Lain<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Selain rute root (\/), Anda bisa menambahkan rute lain dengan menggunakan method HTTP yang berbeda, seperti app.get(), app.post(), app.put(), dan app.delete(). Misalnya, mari kita tambahkan rute baru untuk halaman kontak:<\/p>\n\n\n\n<p>app.get(&#8216;\/contact&#8217;, (req, res) =&gt; {<\/p>\n\n\n\n<p>&nbsp;&nbsp;res.send(&#8216;Contact Us at: contact@example.com&#8217;);<\/p>\n\n\n\n<p>});<\/p>\n\n\n\n<p>Dengan kode di atas, setiap kali pengunjung mengakses http:\/\/localhost:3000\/contact, mereka akan melihat pesan &#8220;Contact Us at: <a href=\"mailto:contact@example.com\"><u>contact@example.com<\/u><\/a>&#8220;.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Menggunakan_Middleware\"><\/span><strong>2. Menggunakan Middleware<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Middleware di Express adalah fungsi yang memiliki akses ke objek permintaan (request), objek respons (response), dan fungsi middleware berikutnya dalam siklus permintaan. Middleware dapat digunakan untuk memproses data sebelum mengirimkan respons.<\/p>\n\n\n\n<p>Misalnya, kita bisa menambahkan middleware untuk logging setiap permintaan yang masuk:<\/p>\n\n\n\n<p>app.use((req, res, next) =&gt; {<\/p>\n\n\n\n<p>&nbsp;&nbsp;console.log(`Request made to: ${req.url}`);<\/p>\n\n\n\n<p>&nbsp;&nbsp;next();<\/p>\n\n\n\n<p>});<\/p>\n\n\n\n<p>Middleware ini akan menampilkan log setiap kali ada permintaan yang masuk ke server.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Menggunakan_Template_Engine_di_Expressjs\"><\/span><strong>Menggunakan Template Engine di Express.js<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Untuk membuat aplikasi web yang lebih dinamis, Express memungkinkan Anda menggunakan template engine seperti EJS atau Pug untuk merender HTML. Dalam <strong>tutorial menggunakan Express.js<\/strong>&nbsp;kali ini, kita akan menggunakan EJS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Menginstal_EJS\"><\/span><strong>1. Menginstal EJS<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Jalankan perintah berikut untuk menginstal EJS:<\/p>\n\n\n\n<p>npm install ejs &#8211;save<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Mengonfigurasi_Express_untuk_Menggunakan_EJS\"><\/span><strong>2. Mengonfigurasi Express untuk Menggunakan EJS<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Setelah EJS terinstal, konfigurasi Express untuk menggunakan EJS sebagai template engine:<\/p>\n\n\n\n<p>app.set(&#8216;view engine&#8217;, &#8216;ejs&#8217;);<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Membuat_Halaman_dengan_EJS\"><\/span><strong>3. Membuat Halaman dengan EJS<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Buat folder baru bernama views&nbsp;di dalam direktori proyek, dan di dalam folder tersebut buat file baru dengan nama index.ejs. Di dalam file tersebut, tulis HTML yang ingin Anda render:<\/p>\n\n\n\n<p>&lt;!DOCTYPE html&gt;<\/p>\n\n\n\n<p>&lt;html lang=&#8221;en&#8221;&gt;<\/p>\n\n\n\n<p>&lt;head&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;meta charset=&#8221;UTF-8&#8243;&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;title&gt;Express App&lt;\/title&gt;<\/p>\n\n\n\n<p>&lt;\/head&gt;<\/p>\n\n\n\n<p>&lt;body&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;h1&gt;Welcome to Express with EJS&lt;\/h1&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;p&gt;Current date: &lt;%= date %&gt;&lt;\/p&gt;<\/p>\n\n\n\n<p>&lt;\/body&gt;<\/p>\n\n\n\n<p>&lt;\/html&gt;<\/p>\n\n\n\n<p>Kemudian, update rute di app.js&nbsp;untuk merender file EJS ini:<\/p>\n\n\n\n<p>app.get(&#8216;\/&#8217;, (req, res) =&gt; {<\/p>\n\n\n\n<p>&nbsp;&nbsp;res.render(&#8216;index&#8217;, { date: new Date() });<\/p>\n\n\n\n<p>});<\/p>\n\n\n\n<p>Dengan perubahan ini, setiap kali pengunjung mengakses http:\/\/localhost:3000, mereka akan melihat tanggal saat itu di halaman.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Kesimpulan\"><\/span><strong>Kesimpulan<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Tutorial menggunakan Express.js<\/strong>&nbsp;ini memberikan gambaran dasar tentang bagaimana memulai dengan framework Express. Dengan mengikuti langkah-langkah di atas, Anda dapat membuat server web sederhana, menambahkan rute, menggunakan middleware, dan merender halaman dinamis menggunakan template engine.<\/p>\n\n\n\n<p>Express.js adalah framework yang sangat fleksibel dan mudah digunakan, cocok untuk pengembang yang ingin membangun aplikasi web dan API dengan cepat. Semoga tutorial ini membantu Anda untuk memulai perjalanan Anda dalam mengembangkan aplikasi menggunakan Express.js!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jika Anda tertarik untuk membangun aplikasi web dengan Node.js, Express.js\u00a0adalah salah satu framework yang harus Anda coba. Express.js adalah framework minimalis dan fleksibel untuk membangun aplikasi web dan API menggunakan&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1358,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[134],"tags":[233],"class_list":["post-1357","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-developer","tag-express-js","article","has-background","has-excerpt","has-avatar","has-author","has-date","has-comment-count","has-category-meta","has-read-more","has-post-media","thumbnail-"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tutorial Menggunakan Express.js - kompetenesia<\/title>\n<meta name=\"description\" content=\"Tutorial menggunakan Express.js\u00a0ini memberikan gambaran dasar tentang bagaimana memulai dengan framework Express.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial Menggunakan Express.js - kompetenesia\" \/>\n<meta property=\"og:description\" content=\"Tutorial menggunakan Express.js\u00a0ini memberikan gambaran dasar tentang bagaimana memulai dengan framework Express.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/\" \/>\n<meta property=\"og:site_name\" content=\"kompetenesia\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-19T07:37:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-19T07:37:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/07\/kompetenesia-42.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/kompetenesia.com\/blog\/#\/schema\/person\/cf16e1029064f41849bbeb60e1994525\"},\"headline\":\"Tutorial Menggunakan Express.js\",\"datePublished\":\"2025-07-19T07:37:25+00:00\",\"dateModified\":\"2025-07-19T07:37:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/\"},\"wordCount\":1151,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kompetenesia.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/07\/kompetenesia-42.png\",\"keywords\":[\"Express.js\"],\"articleSection\":[\"Web Developer\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/\",\"url\":\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/\",\"name\":\"Tutorial Menggunakan Express.js - kompetenesia\",\"isPartOf\":{\"@id\":\"https:\/\/kompetenesia.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/07\/kompetenesia-42.png\",\"datePublished\":\"2025-07-19T07:37:25+00:00\",\"dateModified\":\"2025-07-19T07:37:26+00:00\",\"description\":\"Tutorial menggunakan Express.js\u00a0ini memberikan gambaran dasar tentang bagaimana memulai dengan framework Express.\",\"breadcrumb\":{\"@id\":\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#primaryimage\",\"url\":\"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/07\/kompetenesia-42.png\",\"contentUrl\":\"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/07\/kompetenesia-42.png\",\"width\":600,\"height\":400,\"caption\":\"Tutorial Menggunakan Express.js\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kompetenesia.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial Menggunakan Express.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kompetenesia.com\/blog\/#website\",\"url\":\"https:\/\/kompetenesia.com\/blog\/\",\"name\":\"kompetenesia\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/kompetenesia.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kompetenesia.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kompetenesia.com\/blog\/#organization\",\"name\":\"kompetenesia\",\"url\":\"https:\/\/kompetenesia.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/kompetenesia.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/06\/cropped-Logo_Kompetitor_Ditekindo_Transparan-26-removebg-preview.png\",\"contentUrl\":\"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/06\/cropped-Logo_Kompetitor_Ditekindo_Transparan-26-removebg-preview.png\",\"width\":821,\"height\":304,\"caption\":\"kompetenesia\"},\"image\":{\"@id\":\"https:\/\/kompetenesia.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/kompetenesia.com\/blog\/#\/schema\/person\/cf16e1029064f41849bbeb60e1994525\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/kompetenesia.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3dcf6ac8dbcf6d7ff9d94e77a3d4678358491d700ca4e9e22887fb52fcd0009?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3dcf6ac8dbcf6d7ff9d94e77a3d4678358491d700ca4e9e22887fb52fcd0009?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/kompetenesia.com\"],\"url\":\"https:\/\/kompetenesia.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial Menggunakan Express.js - kompetenesia","description":"Tutorial menggunakan Express.js\u00a0ini memberikan gambaran dasar tentang bagaimana memulai dengan framework Express.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/","og_locale":"en_US","og_type":"article","og_title":"Tutorial Menggunakan Express.js - kompetenesia","og_description":"Tutorial menggunakan Express.js\u00a0ini memberikan gambaran dasar tentang bagaimana memulai dengan framework Express.","og_url":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/","og_site_name":"kompetenesia","article_published_time":"2025-07-19T07:37:25+00:00","article_modified_time":"2025-07-19T07:37:26+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/07\/kompetenesia-42.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#article","isPartOf":{"@id":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/"},"author":{"name":"admin","@id":"https:\/\/kompetenesia.com\/blog\/#\/schema\/person\/cf16e1029064f41849bbeb60e1994525"},"headline":"Tutorial Menggunakan Express.js","datePublished":"2025-07-19T07:37:25+00:00","dateModified":"2025-07-19T07:37:26+00:00","mainEntityOfPage":{"@id":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/"},"wordCount":1151,"commentCount":0,"publisher":{"@id":"https:\/\/kompetenesia.com\/blog\/#organization"},"image":{"@id":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#primaryimage"},"thumbnailUrl":"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/07\/kompetenesia-42.png","keywords":["Express.js"],"articleSection":["Web Developer"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/","url":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/","name":"Tutorial Menggunakan Express.js - kompetenesia","isPartOf":{"@id":"https:\/\/kompetenesia.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#primaryimage"},"image":{"@id":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#primaryimage"},"thumbnailUrl":"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/07\/kompetenesia-42.png","datePublished":"2025-07-19T07:37:25+00:00","dateModified":"2025-07-19T07:37:26+00:00","description":"Tutorial menggunakan Express.js\u00a0ini memberikan gambaran dasar tentang bagaimana memulai dengan framework Express.","breadcrumb":{"@id":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#primaryimage","url":"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/07\/kompetenesia-42.png","contentUrl":"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/07\/kompetenesia-42.png","width":600,"height":400,"caption":"Tutorial Menggunakan Express.js"},{"@type":"BreadcrumbList","@id":"https:\/\/kompetenesia.com\/blog\/tutorial-menggunakan-express-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kompetenesia.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tutorial Menggunakan Express.js"}]},{"@type":"WebSite","@id":"https:\/\/kompetenesia.com\/blog\/#website","url":"https:\/\/kompetenesia.com\/blog\/","name":"kompetenesia","description":"","publisher":{"@id":"https:\/\/kompetenesia.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kompetenesia.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/kompetenesia.com\/blog\/#organization","name":"kompetenesia","url":"https:\/\/kompetenesia.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kompetenesia.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/06\/cropped-Logo_Kompetitor_Ditekindo_Transparan-26-removebg-preview.png","contentUrl":"https:\/\/kompetenesia.com\/blog\/wp-content\/uploads\/2025\/06\/cropped-Logo_Kompetitor_Ditekindo_Transparan-26-removebg-preview.png","width":821,"height":304,"caption":"kompetenesia"},"image":{"@id":"https:\/\/kompetenesia.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/kompetenesia.com\/blog\/#\/schema\/person\/cf16e1029064f41849bbeb60e1994525","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kompetenesia.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3dcf6ac8dbcf6d7ff9d94e77a3d4678358491d700ca4e9e22887fb52fcd0009?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3dcf6ac8dbcf6d7ff9d94e77a3d4678358491d700ca4e9e22887fb52fcd0009?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/kompetenesia.com"],"url":"https:\/\/kompetenesia.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kompetenesia.com\/blog\/wp-json\/wp\/v2\/posts\/1357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kompetenesia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kompetenesia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kompetenesia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kompetenesia.com\/blog\/wp-json\/wp\/v2\/comments?post=1357"}],"version-history":[{"count":1,"href":"https:\/\/kompetenesia.com\/blog\/wp-json\/wp\/v2\/posts\/1357\/revisions"}],"predecessor-version":[{"id":1359,"href":"https:\/\/kompetenesia.com\/blog\/wp-json\/wp\/v2\/posts\/1357\/revisions\/1359"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kompetenesia.com\/blog\/wp-json\/wp\/v2\/media\/1358"}],"wp:attachment":[{"href":"https:\/\/kompetenesia.com\/blog\/wp-json\/wp\/v2\/media?parent=1357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kompetenesia.com\/blog\/wp-json\/wp\/v2\/categories?post=1357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kompetenesia.com\/blog\/wp-json\/wp\/v2\/tags?post=1357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}