{"id":4064,"date":"2022-10-28T14:40:37","date_gmt":"2022-10-28T07:40:37","guid":{"rendered":"https:\/\/dewacloud.com\/blog\/?p=4064"},"modified":"2022-11-14T15:20:06","modified_gmt":"2022-11-14T08:20:06","slug":"membuat-password-protected-page-di-nginx-dengan-http-authentication","status":"publish","type":"post","link":"https:\/\/www.dewacloud.com\/blog\/membuat-password-protected-page-di-nginx-dengan-http-authentication\/","title":{"rendered":"Membuat Password-Protected Page di Nginx dengan HTTP Authentication"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Dalam membuat aplikasi atau website, mungkin kita perlu me-<\/span><i><span style=\"font-weight: 400;\">restrict<\/span><\/i><span style=\"font-weight: 400;\"> atau membatasi beberapa halaman yang memang tidak dibuka secara publik, dengan tujuan hanya yang memiliki akses saja. Hal tersebut dapat dilakukan menggunakan dengan Membuat Password-Protected Page di Nginx dengan HTTP Authentication.<\/span><\/p>\n<h2>HTTP Authentication<\/h2>\n<p><span style=\"font-weight: 400;\">Authentication adalah proses mengidentifikasi apakah visitor memenuhi syarat untuk dapat mengakses suatu file atau halaman website.<\/span><\/p>\n<h2>Dewacloud<\/h2>\n<p><a href=\"https:\/\/dewacloud.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Dewacloud<\/span><\/a><span style=\"font-weight: 400;\"> adalah layanan berbasis PaaS <\/span><i><span style=\"font-weight: 400;\">(Platform as a Service)<\/span><\/i><span style=\"font-weight: 400;\"> dimana kamu dapat membuat, mengelola dan mendesain topologi dengan <\/span><i><span style=\"font-weight: 400;\">one-click<\/span><\/i><span style=\"font-weight: 400;\">. Selain <\/span><i><span style=\"font-weight: 400;\">easy-to-use<\/span><\/i><span style=\"font-weight: 400;\">, tampilannya pun sudah <\/span><i><span style=\"font-weight: 400;\">user-friendly,<\/span><\/i><span style=\"font-weight: 400;\"> sehingga dapat dengan mudah dipahami oleh <\/span><i><span style=\"font-weight: 400;\">user<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Untuk membuat Password-Protected Page di Nginx ini, kamu perlu memiliki Environment dan aplikasi atau website yang sudah berjalan (production).<\/span><\/p>\n<p>Berikut Cara Membuat Password-Protected Page di Nginx dengan HTTP Authentication!<\/p>\n<h3><b>Step 1: Login ke Dewacloud Dashboard<\/b><\/h3>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-4072\" src=\"https:\/\/dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication8.png\" alt=\"Membuat Password-Protected Page di Nginx dengan HTTP Authentication\" width=\"570\" height=\"432\" srcset=\"https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication8.png 570w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication8-300x227.png 300w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Login terlebih dahulu ke <\/span><a href=\"https:\/\/app.infra.dewacloud.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Dewacloud Dashboard<\/span><\/a><span style=\"font-weight: 400;\"> dengan email dan password yang valid.<\/span><\/p>\n<h3><b>Step 2: Config<\/b><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4073\" src=\"https:\/\/dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication9.png\" alt=\"Membuat Password-Protected Page di Nginx dengan HTTP Authentication-setup config\" width=\"937\" height=\"311\" srcset=\"https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication9.png 937w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication9-300x100.png 300w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication9-768x255.png 768w\" sizes=\"(max-width: 937px) 100vw, 937px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Klik pada <\/span><b>Config<\/b><span style=\"font-weight: 400;\"> di Load Balancers. Kemudian ke directory \/etc\/nginx\/nginx-jelastic.conf. Pada line 50 atau di atas script \u201c<\/span><b>map $upstream_addr<\/b><span style=\"font-weight: 400;\">\u201c pastekan script di bawah ini.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4069\" src=\"https:\/\/dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication5.png\" alt=\"\" width=\"1596\" height=\"605\" srcset=\"https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication5.png 1596w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication5-300x114.png 300w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication5-1024x388.png 1024w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication5-768x291.png 768w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication5-1536x582.png 1536w\" sizes=\"(max-width: 1596px) 100vw, 1596px\" \/><\/p>\n<pre><span style=\"font-weight: 400;\">#http auth<\/span>\r\n\r\n<span style=\"font-weight: 400;\">map $http_host $auth_type {<\/span>\r\n\r\n<span style=\"font-weight: 400;\">default \"off\";<\/span>\r\n\r\n<span style=\"font-weight: 400;\">tutor-web.dewiweb.net \"Restricted\" ;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">}<\/span><\/pre>\n<p><b>Note:<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Ubah tutor-web.dewiweb.net dengan subdomain atau domain yang kamu gunakan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika sudah, klik save.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kemudian, tambahkan config berikut pada line 148 seperti di bawah ini.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4070\" src=\"https:\/\/dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication6.png\" alt=\"\" width=\"1593\" height=\"642\" srcset=\"https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication6.png 1593w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication6-300x121.png 300w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication6-1024x413.png 1024w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication6-768x310.png 768w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication6-1536x619.png 1536w\" sizes=\"(max-width: 1593px) 100vw, 1593px\" \/><\/p>\n<pre><span style=\"font-weight: 400;\">auth_basic $auth_type ;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">auth_basic_user_file \/etc\/nginx\/conf.d\/password.htpasswd;<\/span>\r\n\r\n\r\n<\/pre>\n<p><span style=\"font-weight: 400;\">Jika sudah, klik save.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Buat file password.htpasswd di \/etc\/nginx\/conf.d\/, kemudian masukkan username dan password yang sudah di hash.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4068\" src=\"https:\/\/dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication4.png\" alt=\"\" width=\"1596\" height=\"603\" srcset=\"https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication4.png 1596w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication4-300x113.png 300w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication4-1024x387.png 1024w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication4-768x290.png 768w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication4-1536x580.png 1536w\" sizes=\"(max-width: 1596px) 100vw, 1596px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">username:password<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Untuk membuat hash password, kamu bisa gunakan <\/span><a href=\"https:\/\/phppasswordhash.com\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">phppasswordhash.com<\/span><\/a><span style=\"font-weight: 400;\"> secara gratis.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika sudah, klik save. Kemudian, lakukan config juga untuk https pada file ssl pada \/etc\/nginx\/conf.d\/ssl.conf<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4071\" src=\"https:\/\/dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication7.png\" alt=\"\" width=\"1593\" height=\"636\" srcset=\"https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication7.png 1593w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication7-300x120.png 300w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication7-1024x409.png 1024w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication7-768x307.png 768w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication7-1536x613.png 1536w\" sizes=\"(max-width: 1593px) 100vw, 1593px\" \/><\/p>\n<pre><span style=\"font-weight: 400;\">auth_basic $auth_type ;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">auth_basic_user_file \/etc\/nginx\/conf.d\/password.htpasswd;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">Jika sudah, klik save. Lalu, reboot Load Balancers.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4066\" src=\"https:\/\/dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication2.png\" alt=\"\" width=\"434\" height=\"121\" srcset=\"https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication2.png 434w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication2-300x84.png 300w\" sizes=\"(max-width: 434px) 100vw, 434px\" \/><\/p>\n<h3><b>Step 3: Testing<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Akses website atau aplikasi kamu dan kemudian akan memunculkan auth seperti di bawah ini.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4065\" src=\"https:\/\/dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication1.png\" alt=\"\" width=\"1917\" height=\"530\" srcset=\"https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication1.png 1917w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication1-300x83.png 300w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication1-1024x283.png 1024w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication1-768x212.png 768w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication1-1536x425.png 1536w\" sizes=\"(max-width: 1917px) 100vw, 1917px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Jika invalid, maka akan tampil seperti berikut.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4067\" src=\"https:\/\/dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication3.png\" alt=\"\" width=\"1919\" height=\"375\" srcset=\"https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication3.png 1919w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication3-300x59.png 300w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication3-1024x200.png 1024w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication3-768x150.png 768w, https:\/\/www.dewacloud.com\/blog\/wp-content\/uploads\/2022\/10\/Membuat-Password-Protected-Page-di-Nginx-dengan-HTTP-Authentication3-1536x300.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" \/><\/p>\n<h2>Kesimpulan<\/h2>\n<p><span style=\"font-weight: 400;\">Jika kamu mengikuti artikel ini dari awal sampai akhir, artinya kamu sudah berhasil Membuat Password-Protected Page di Nginx dengan HTTP Authentication. <\/span><span style=\"font-weight: 400;\">Demikian penjelasan yang bisa kami berikan, <\/span><span style=\"font-weight: 400;\">jangan sungkan untuk meninggalkan ide-ide topik yang ingin kamu baca di blog Dewaweb. Semoga artikel ini membantu!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dalam membuat aplikasi atau website, mungkin kita perlu me-restrict atau membatasi beberapa halaman yang memang tidak dibuka secara publik, dengan tujuan hanya yang memiliki akses saja. Hal tersebut dapat dilakukan menggunakan dengan Membuat Password-Protected Page di Nginx dengan HTTP Authentication. HTTP Authentication Authentication adalah proses mengidentifikasi apakah visitor memenuhi syarat untuk dapat mengakses suatu file&hellip;&nbsp;<a href=\"https:\/\/www.dewacloud.com\/blog\/membuat-password-protected-page-di-nginx-dengan-http-authentication\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">Membuat Password-Protected Page di Nginx dengan HTTP Authentication<\/span><\/a><\/p>\n","protected":false},"author":9,"featured_media":3881,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":70,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[11],"tags":[],"class_list":["post-4064","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev-ops"],"_links":{"self":[{"href":"https:\/\/www.dewacloud.com\/blog\/wp-json\/wp\/v2\/posts\/4064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dewacloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dewacloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dewacloud.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dewacloud.com\/blog\/wp-json\/wp\/v2\/comments?post=4064"}],"version-history":[{"count":2,"href":"https:\/\/www.dewacloud.com\/blog\/wp-json\/wp\/v2\/posts\/4064\/revisions"}],"predecessor-version":[{"id":4141,"href":"https:\/\/www.dewacloud.com\/blog\/wp-json\/wp\/v2\/posts\/4064\/revisions\/4141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dewacloud.com\/blog\/wp-json\/wp\/v2\/media\/3881"}],"wp:attachment":[{"href":"https:\/\/www.dewacloud.com\/blog\/wp-json\/wp\/v2\/media?parent=4064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dewacloud.com\/blog\/wp-json\/wp\/v2\/categories?post=4064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dewacloud.com\/blog\/wp-json\/wp\/v2\/tags?post=4064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}