{"id":138,"date":"2020-07-04T10:58:12","date_gmt":"2020-07-04T03:58:12","guid":{"rendered":"http:\/\/materi.smkn43jkt.sch.id\/?p=138"},"modified":"2020-07-04T11:13:37","modified_gmt":"2020-07-04T04:13:37","slug":"konfigurasi-web-server","status":"publish","type":"post","link":"http:\/\/materi.smkn43jkt.sch.id\/?p=138","title":{"rendered":"Konfigurasi Web Server"},"content":{"rendered":"<p>Selanjutnya kita harus melakukan konfigurasi virtual host. Konfigurasi virtual host nantinya akan mewakili setiap website yang dibuat. Jadi misalkan kita mempunyai dua website, misalnya\u00a0<strong>www.latief.web.id<\/strong>\u00a0dan\u00a0<strong>web.latief.web.id<\/strong>\u00a0maka kita harus membuat dua konfigurasi virtual host. Sehingga tampilan website\u00a0www.latief.web.id dan web.latief.web.id bisa kita rubah seperti website pada umumnya yang terdapat di internet.<\/p>\n<p>Untuk membuat virtualhost, kita bisa mengcopy dari file yang telah disediakan oleh apache. Lokasinya berada di direktori\u00a0<code>\/etc\/apache2\/sites-available<\/code><\/p>\n<h6 id=\"konfigurasi-virtual-host\">Konfigurasi Virtual Host<\/h6>\n<p>kita akan copy virtual host bawaan dari apache dengan perintah berikut.<\/p>\n<pre><code># cd \/etc\/apache2\/sites-available\/\r\n# cp default www\r\n# cp default web\r\n<\/code><\/pre>\n<p>Kemudian edit file www yang telah dicopy tadi dengan perintah berikut:<\/p>\n<p><code># nano www<\/code><\/p>\n<pre><code>&lt;VirtualHost *:80&gt;\r\n    ServerAdmin webmaster@localhost\r\n\r\n    DocumentRoot \/var\/www\r\n    &lt;Directory \/&gt;\r\n        Options FollowSymLinks\r\n        AllowOverride None\r\n    &lt;\/Directory&gt;\r\n    &lt;Directory \/var\/www&gt;\r\n        Options Indexes FollowSymLinks MultiViews\r\n        AllowOverride None\r\n        Order allow,deny\r\n        allow from all\r\n&lt;\/Directory&gt;\r\n<\/code><\/pre>\n<p>Kemudian ubah syntak diatas seperti dibawah ini.<\/p>\n<div class=\"highlight\">\n<pre><code class=\"language-ruby\" data-lang=\"ruby\">&lt;VirtualHost *:80&gt;\r\n    ServerAdmin admin@latief.web.id\r\n    ServerName latief.web.id\r\n    ServerAlias www.latief.web.id\r\n    DocumentRoot \/var\/www\/www\r\n    &lt;Directory \/&gt;\r\n        Options FollowSymLinks\r\n        AllowOverride None\r\n    &lt;\/Directory&gt;\r\n    &lt;Directory \/var\/www\/www&gt;\r\n        Options Indexes FollowSymLinks MultiViews\r\n        AllowOverride None\r\n        Order allow,deny\r\n        allow from all\r\n&lt;\/Directory&gt;\r\n\r\n<\/code><\/pre>\n<\/div>\n<p>Kemudian kita edit juga file web yg sebelumnya sudah di copy dengan perintah berikut :<\/p>\n<p><code># nano web<\/code><\/p>\n<p>kemudian edit menjadi seperti dibawah ini<\/p>\n<div class=\"highlight\">\n<pre><code class=\"language-ruby\" data-lang=\"ruby\">&lt;VirtualHost *:80&gt;\r\n    ServerAdmin admin@latief.web.id\r\n    ServerName web.latief.web.id\r\n    DocumentRoot \/var\/www\/web\r\n    &lt;Directory \/&gt;\r\n        Options FollowSymLinks\r\n        AllowOverride None\r\n    &lt;\/Directory&gt;\r\n    &lt;Directory \/var\/www\/web&gt;\r\n        Options Indexes FollowSymLinks MultiViews\r\n        AllowOverride None\r\n        Order allow,deny\r\n        allow from all\r\n&lt;\/Directory&gt;\r\n\r\n<\/code><\/pre>\n<\/div>\n<p>Berikut penjelasan beberapa perintah dan syntak diatas<\/p>\n<table>\n<thead>\n<tr>\n<th>Syntak<\/th>\n<th>Penjelasan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><em>&lt; VirtualHost *:80&gt;<\/em><\/td>\n<td>Menunjukkan bahwa web server berjalan di port 80<\/td>\n<\/tr>\n<tr>\n<td><em>ServerAdmin admin@<code class=\"language-ruby\" data-lang=\"ruby\">latief<\/code>.web.id<\/em><\/td>\n<td>Menunjukkan alamat email yang harus dihubungi oleh client saat web server mengalami gangguan.<\/td>\n<\/tr>\n<tr>\n<td><em>ServerName <code class=\"language-ruby\" data-lang=\"ruby\">latief<\/code>.web.id<\/em><\/td>\n<td>Menunjukkan website dari virtual host tersebut. Jadi virtualhost ini ditujukan untuk domain <code class=\"language-ruby\" data-lang=\"ruby\">latief<\/code>.web.id<\/td>\n<\/tr>\n<tr>\n<td><em>ServerAlias\u00a0www.<code class=\"language-ruby\" data-lang=\"ruby\">latief<\/code>.web.id<\/em><\/td>\n<td>Menunjukkan website alias dari virtual host tersebut. Jadi virtual host ini ditujukan untuk website <code class=\"language-ruby\" data-lang=\"ruby\">latief<\/code>.web.id dan www<code class=\"language-ruby\" data-lang=\"ruby\">latief<\/code>.web.id\u00a0nantinya kedua website ini akan mempunyai tampilan yang sama.<\/td>\n<\/tr>\n<tr>\n<td><em>DocumentRoot \/var\/www\/www<\/em><\/td>\n<td>Menunjukkan lokasi penyimpanan file-file website.<\/td>\n<\/tr>\n<tr>\n<td><em>&lt; Directory \/var\/www\/www&gt;<\/em><\/td>\n<td>Menunjukkan lokasi penyimpanan file-file website.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h6 id=\"menonaktifkan-virtualhost\">Menonaktifkan Virtualhost<\/h6>\n<p>Selanjutnya kita harus menonaktifkan konfigurasi virtualhost default alasannya karna kita tidak membutuhkan virtualhost tersebut. Untuk Menonaktifkan virtualhost masukan perintah berikut ini:<\/p>\n<p><code># a2dissite default<\/code><\/p>\n<blockquote><p><strong>a2dissite<\/strong>\u00a0merupakan perintah untuk menonaktifkan virtualhost<br \/>\n<strong>default<\/strong>\u00a0merupakan konfigurasi virtualhost bawaan apache yang tersimpan di\u00a0<code>\/etc\/apache2\/sites-available\/<\/code><\/p><\/blockquote>\n<h6 id=\"mengaktifkan-virtualhost\">Mengaktifkan Virtualhost<\/h6>\n<p>Perintah untuk mengaktifkan virtualhost adalah sebagai berikut:<\/p>\n<p><code># a2ensite www web<\/code><\/p>\n<blockquote><p><strong>a2ensite<\/strong>\u00a0merupakan perintah untuk mengaktifkan virtualhost<br \/>\n<strong>www web<\/strong>\u00a0merupakan konfigurasi virtualhost yang tersimpan di\u00a0<code>\/etc\/apache2\/sites-available\/<\/code><\/p><\/blockquote>\n<p>Setelah kita mengaktifkan konfigurasi virtual host selanjutnya kita harus membuat web direktori yang dibutuhkan oleh kedua virtual host tersebut.<\/p>\n<h6 id=\"membuat-web-direktori-dan-membuat-file-html\">Membuat Web Direktori dan Membuat File HTML<\/h6>\n<p>Web direktori default apache tersimpan di\u00a0<code>\/var\/www\/<\/code>\u00a0sebetulnya kita dapat merubah penyimpanan web direktori tersebut. tergantung dari konfigurasi virtualhost-nya.<br \/>\nSebelumnya kita mengkonfigurasi 2 virtualhost dengan penyimpanan web direktori sebagai berikut:<\/p>\n<table>\n<thead>\n<tr>\n<th>Virtualhost<\/th>\n<th>Web Direktori Penyimpanan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><em>www<\/em><\/td>\n<td>\/var\/www\/www<\/td>\n<\/tr>\n<tr>\n<td><em>web<\/em><\/td>\n<td>\/var\/www\/web<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Untuk membuat web direktori\u00a0<strong>www<\/strong>\u00a0dan\u00a0<strong>web<\/strong>\u00a0gunakan perintah berikut:<\/p>\n<pre><code># cd \/var\/www\r\n# mkdir www\r\n# mkdir web\r\n<\/code><\/pre>\n<p>Kemudian kita buat file HTML untuk web direktori\u00a0<strong>www<\/strong><\/p>\n<pre><code># cd www\r\n# nano index.html\r\n<\/code><\/pre>\n<p>Disini kita harus sedikit paham dengan bahasa pemrograman HTML. Karena suatu saat seorang SysAdmin harus menguasai sebuah bahasa pemrograman. Untuk pengujian kita bisa menggunakan file HTML sederhana seperti dibawah ini.<\/p>\n<div class=\"highlight\">\n<pre><code class=\"language-html\" data-lang=\"html\">&lt;html&gt;\r\n&lt;head&gt;\r\n  &lt;title&gt; www.<code class=\"language-ruby\" data-lang=\"ruby\">latief<\/code>.web.id &lt;\/title&gt; \r\n&lt;\/head&gt; \r\n&lt;body&gt; \r\n&lt;h1&gt; Selamat datang di www.<code class=\"language-ruby\" data-lang=\"ruby\">latief<\/code>.web.id &lt;\/h1&gt; \r\n&lt;\/body&gt; \r\n&lt;\/html&gt; <\/code><\/pre>\n<\/div>\n<p>Kemudian kita buat file HTML untuk web direktori\u00a0<strong>web<\/strong><\/p>\n<pre><code># cd ..\/web\r\n# nano index.html\r\n<\/code><\/pre>\n<p>Kemudian kita tuliskan bahasa pemrograman html-nya<\/p>\n<div class=\"highlight\">\n<pre><code class=\"language-html\" data-lang=\"html\">&lt;html&gt;\r\n&lt;head&gt;\r\n  &lt;title&gt; web.<code class=\"language-ruby\" data-lang=\"ruby\">latief<\/code>.web.id &lt;\/title&gt; \r\n&lt;\/head&gt; &lt;body&gt; \r\n&lt;h1&gt; Selamat datang di web.<code class=\"language-ruby\" data-lang=\"ruby\">latief<\/code>.web.id &lt;\/h1&gt; \r\n&lt;\/body&gt; \r\n&lt;\/html&gt; <\/code><\/pre>\n<\/div>\n<p>Kemudian kita restart aplikasi apache dengan perintah berikut:<br \/>\n<code>service apache2 restart<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Selanjutnya kita harus melakukan konfigurasi virtual host. Konfigurasi virtual host nantinya akan mewakili setiap website yang dibuat. Jadi misalkan kita mempunyai dua website, misalnya\u00a0www.latief.web.id\u00a0dan\u00a0web.latief.web.id\u00a0maka kita harus membuat dua konfigurasi virtual host. Sehingga tampilan website\u00a0www.latief.web.id dan web.latief.web.id bisa kita rubah seperti website pada umumnya yang terdapat di internet. Untuk membuat virtualhost, kita bisa mengcopy dari file [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20,7],"tags":[],"_links":{"self":[{"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/posts\/138"}],"collection":[{"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=138"}],"version-history":[{"count":7,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/posts\/138\/revisions"}],"predecessor-version":[{"id":145,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=\/wp\/v2\/posts\/138\/revisions\/145"}],"wp:attachment":[{"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=138"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/materi.smkn43jkt.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}