NGINX Tutorial Melayani Konten Static

Jaka Prima Maulana

Selamat datang pengunjung www.primasaja.com,

hasil get data static konten nginx

yang penting dalam tugas webserver adalah melayani pengeluaran files seperti gambar atau static HTML. kami akan implementasi contoh dimana, bergantung pada request, files dan akan dilayani dari local directori yang berbeda
1. buat direktori serverData & didalamnya buat direktori www saya akan buat di folder /usr
2. buka terminal

• masuk ke folder /usr dengan ketikkan cd /usr
• buat direktori baru ketikkan sudo mkdir serverData
• buat direktori didalam serverData dengan nama www

3. buat index.html di /usr/serverData/www/index.html
4. masukkan gambar di /usr/serverData/www/gambar/nginx.png
5. didalam index.html buat seperti ini

<center>
<h1>
TUTORIAL PRIMASAJA.COM
</h1>
<h3>selamat datang di Server NGINX</h3>
</br>
<img src="/gambar/nginx.png">
</center>

selanjutnya buka konfigurasi file. default konfigurasi file sudah memasukkan beberapa contoh dari server block, banyak juga yang telah di commented. untuk sekarang koment semua seperti blocks dan buat server block baru

3. buka /etc/nginx/nginx.conf
4.
http{
    server{
  
    }
}

umumnya, konfigurasi file mungkin berisi beberapa block server dibedakan/dibedakan dengan port dimana mereka listen ke dan dengan server names. sejak nginx memutuskan dimana server process sebuah reques, dia akan melakukan test spesifikasi URI didalam request header untuk parameter dari location directives yang didefinisikan didalam server block

5.
        location /{
            root /usr/serverData/www;
        }
kita buat location block dengan spesifikasi awalan/prefix "/" untuk membedakan dengan URI dari request. diguanakn untuk mencocokan/matching request, URI akan tertambahkan di path spesifikasi dalam root directive, yaitu /usr/serverData/www, untuk menaplikasikan path ke requested file dalam local file system. jika disana ada beberapa pencocokan location block nginx select satu dengan awalan terpanjang. location block diatas melayani prefix pendek, dengan panjang 1, dan juga hanya jika semua location block lain gagal untuk dilayani pencucukannya, block ini akan digunakan.
selanjutnya tambah location block kedua

6.
        location /gambar{
            root /usr/serverData/www;
        }

itu akan dicocokan untuk request dimulai dengan /gambar dan location / juga cocok seperti request , tetapi memiliki awalan yang lebih pendek.
hasilnya konfigurasi server block terlihat seperti dibawah ini


http{
    server{
        location /{
            root /usr/serverData/www;
        }

        location /gambar{
            root /usr/serverData/www;
        }
    }
}


ini adalah konfigurasi yang benar dan akan berjalan di server yang di listen pada stardard port 80 dan ini terakses pada local machine pada http://localhost/. pada response request dengan URIs dimulai dari /gambar/, server akan mengirim files dari /serverData/www/gambar directory. sebagai contoh, dalam response ke http://locahost/gambar/gambar1.png request nginx akan mengirim /data/gambar/gambar1.png file. jika file tidak ada, nginx akan mengembalikan response indikasi status server 404 error. request dengan URIs tidak dimulai dengan /gambar/ akan di mapped ke /data/www directory, sebagai contoh, dalam response http://localhost/sesuatu/index.html request nginx akan mengirim /serverData/www/sesuatu/index.html file.
untuk menjalankan konfigurasi baru, start nginx jika tidak berjalan atau mengirimkan reload signal ke nginx master process dengan cara ketikkan pada terminal

7. nginx -s reload


8. diatas nginx harus tetap ada events worker_connections
user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}

http{
    server{
        location /{
            root /usr/serverData/www;
        }

        location /gambar{
            root /usr/serverData/www;
        }
    }
}