{"id":21268,"date":"2024-05-29T09:55:00","date_gmt":"2024-05-29T02:55:00","guid":{"rendered":"https:\/\/jakarta.telkomuniversity.ac.id\/?p=21268"},"modified":"2024-05-31T09:45:32","modified_gmt":"2024-05-31T02:45:32","slug":"express-js-salah-satu-framework-node-js-yang-banyak-digunakan","status":"publish","type":"post","link":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/express-js-salah-satu-framework-node-js-yang-banyak-digunakan\/","title":{"rendered":"Express JS, Salah Satu Framework Node.js Yang Banyak Digunakan"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h1 style=\"text-align: center\" class=\"vc_custom_heading vc_do_custom_heading\" >Express JS, Salah Satu Framework Node.js Yang Banyak Digunakan<\/h1><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><span style=\"font-weight: 400;\">Pembuatan website dengan menggunakan PHP sudah cukup marak. Hal ini disebabkan karena PHP pada dasarnya adalah bahasa komputer yang digunakan untuk membuat website. Namun wajar saja, seiring kemajuan teknologi, kini ada Node.js. Tentu saja, ada banyak kerangka web yang tersedia untuk Node.js yang dapat digunakan sebagai pengganti PHP. Kerangka kerja seperti Codeigniter, Laravel, dan Yii tersedia untuk PHP. Anda juga dapat menemukan kerangka web seperti Express JS di Node.js. Apa tutorialnya dan apa itu Express JS? Lihatlah artikel di bawah ini.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >Apa Itu Express JS <\/h2><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><span style=\"font-weight: 400;\">Express JS adalah framework Node.js yang dirancang khusus untuk mengembangkan web app dan API. Perutean, middleware, dan manajemen sesi adalah beberapa kemampuan yang ditawarkan kerangka kerja ini untuk mempercepat pengembangan dan memfasilitasi manajemen server dan rute. Selain itu, Express.js memfasilitasi integrasi dengan sejumlah mesin templat, yang memfasilitasi pembuatan konten online dinamis.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Fitur penting lainnya dari Express.js adalah kemampuan beradaptasinya, yang memungkinkan pengembang memutuskan komponen kerangka kerja mana yang akan digunakan. Selain itu, pengembang memiliki beragam middleware dan plugin untuk menyediakan lebih banyak fungsionalitas sesuai kebutuhan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Fitur penting lainnya dari Express.js adalah kemampuan beradaptasinya, yang memungkinkan pengembang memutuskan komponen kerangka kerja mana yang akan digunakan. Selain itu, pengembang memiliki beragam middleware dan plugin untuk menyediakan lebih banyak fungsionalitas sesuai kebutuhan.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h3 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >Tutorial Express JS<\/h3><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Cara Install Express.js secara Manual<br \/>\n<\/span>&#8211; Untuk dapat menginstall Express.js, pertama Anda harus menginstall Node.js terlebih dahulu.<br \/>\n&#8211; Setelah itu buka Command Prompt, lalu ketikkan perintah berikut untuk membuat directory bernama helloworld-manual. Atau, Anda juga bisa mengganti nama directory sesuai keinginan: mkdir helloworld-manual<br \/>\n&#8211; Kemudian, masuk ke directory tersebut dengan menjalankan perintah berikut: cd helloworld-manual<br \/>\n&#8211; Setelahnya, jalankan perintah berikut untuk menjadikan helloworld-manual sebagai project Express.js: npm init<br \/>\n&#8211; Di tahap ini Anda akan menjumpai beberapa pertanyaan, seperti nama dan versi project. Cukup tekan Enter untuk menjawab semua pertanyaan secara default. Tekan Enter sekali lagi jika muncul verifikasi, hasilnya adalah sebagai berikut:<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"763\" height=\"184\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/05\/express-js-tutorial-install-manual-verifikasi.webp\" class=\"vc_single_image-img attachment-large\" alt=\"express js\" title=\"express-js-tutorial-install-manual-verifikasi\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/05\/express-js-tutorial-install-manual-verifikasi.webp 763w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/05\/express-js-tutorial-install-manual-verifikasi-300x72.webp 300w\" sizes=\"(max-width: 763px) 100vw, 763px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<ul>\n<li><span style=\"font-weight: 400;\">&#8211; Saatnya menginstall Express.js, jalankan perintah berikut: npm install &#8211;save express<br \/>\n<\/span>Tunggu hingga proses instalasi selesai.<br \/>\n&#8211; Buka Visual Studio Code, buat file baru dengan cara klik File &gt; New File. Kemudian tulis skrip berikut:<br \/>\nconst express = require(&#8216;express&#8217;)<br \/>\nconst app = express()<br \/>\napp.get(&#8216;\/&#8217;, (req, res) =&gt; res.send(&#8216;Hello Express!&#8217;))<br \/>\napp.listen(3000, () =&gt; console.log(&#8216;Hello World Manual berjalan di <a href=\"http:\/\/localhost:3000\">http:\/\/localhost:3000<\/a>&#8216;))<br \/>\n&#8211; Simpan dengan nama index.js pada folder helloworld-manual.<br \/>\n&#8211; Jika sudah, kembali ke Command Prompt lalu jalankan perintah: node index.js<br \/>\n&#8211; Terakhir, ketikkan alamat localhost\/3000 di browser. Jika berhasil, berikut tampilan yang akan muncul:<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"534\" height=\"160\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/05\/hasil-install-express-js-manual-di-browser.webp\" class=\"vc_single_image-img attachment-large\" alt=\"install express js\" title=\"hasil-install-express-js-manual-di-browser\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/05\/hasil-install-express-js-manual-di-browser.webp 534w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/05\/hasil-install-express-js-manual-di-browser-300x90.webp 300w\" sizes=\"(max-width: 534px) 100vw, 534px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Cara Install Express.js secara Otomatis<br \/>\n<\/span>&#8211; Meski cara install secara manual masih tergolong mudah, sebenarnya masih ada satu cara lagi yang lebih ringkas. Yaitu, lewat bantuan sebuah tool bernama Express Generator. Pertama, jalankan perintah berikut untuk menginstall Express Generator: npm install express-generator -g<br \/>\n&#8211; Setelahnya, buat directory baru bernama helloworld-otomatis dengan menjalankan perintah berikut: express helloworld-otomatis<br \/>\n&#8211; Masuk ke directory tersebut dengan perintah: cd helloworld-otomatis<br \/>\n&#8211; Lanjutkan dengan perintah berikut untuk mengatur helloworld-otomatis sebagai project Express.js: npm install<br \/>\n&#8211; Jalankan project helloworld-otomatis dengan menjalankan perintah berikut: npm start<br \/>\n&#8211; Terakhir, buka browser dan ketikkan alamat localhost\/3000. Jika berhasil, begini tampilannya:<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"448\" height=\"352\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/05\/hasil-install-express-js-otomatis-di-browser.webp\" class=\"vc_single_image-img attachment-large\" alt=\"tutorial express js\" title=\"hasil-install-express-js-otomatis-di-browser\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/05\/hasil-install-express-js-otomatis-di-browser.webp 448w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/05\/hasil-install-express-js-otomatis-di-browser-300x236.webp 300w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/05\/hasil-install-express-js-otomatis-di-browser-80x62.webp 80w\" sizes=\"(max-width: 448px) 100vw, 448px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Baca juga: <a href=\"https:\/\/jakarta.telkomuniversity.ac.id\/en\/kupas-tuntas-belajar-django-framework-python-yang-populer\/\">Kupas Tuntas Belajar Django, Framework Python yang Populer<\/a><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Express JS, Salah Satu Framework Node.js Yang Banyak Digunakan Pembuatan website dengan menggunakan PHP sudah cukup marak. Hal ini disebabkan karena PHP pada dasarnya adalah bahasa komputer yang digunakan untuk membuat website. Namun wajar saja, seiring kemajuan teknologi, kini ada Node.js. Tentu saja, ada banyak kerangka web yang tersedia untuk Node.js yang dapat digunakan sebagai [...]","protected":false},"author":32,"featured_media":21269,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":300,"footnotes":""},"categories":[300],"tags":[451,452,453],"class_list":["post-21268","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pendidikan","tag-express-js","tag-install-express-js","tag-tutorial-express-js"],"_links":{"self":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/21268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/comments?post=21268"}],"version-history":[{"count":0,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/21268\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media\/21269"}],"wp:attachment":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media?parent=21268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/categories?post=21268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/tags?post=21268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}