Cara Deploy Static Website HTML di Docker

Dalam tutorial ini, kami akan membahas cara untuk mendeply website statis dengan menggunakan Docker. Docker memungkinkan Anda untuk mengemas aplikasi dengan semua dependensinya ke dalam sebuah kontainer yang dapat dijalankan di manapun, sehingga sangat cocok untuk pengembangan dan penyebaran website.

Prasyarat

• Docker dan Docker Compose terinstal di sistem Anda.
• Pengetahuan dasar tentang terminal Linux dan perintah dasar Docker.
• File website statis dalam format HTML (misalnya index.html).

Langkah Utama

1. Install Docker

Pastikan Anda telah menginstal Docker di mesin Anda. Anda dapat mengunduhnya dari situs resmi Docker. Ikuti instruksi instalasi sesuai dengan sistem operasi yang Anda gunakan.

2. Buat Struktur Folder Proyek

mkdir my-static-site
cd my-static-site
mkdir html

Folder my-static-site akan menjadi folder utama proyek Anda, dan folder html akan menyimpan file HTML website.

3. Tambahkan File HTML

Letakkan file index.html Anda dalam folder html. Sebagai contoh:

Selamat Datang di Website Statis Saya!

Ini adalah halaman utama website statis yang dideploy menggunakan Docker.

4. Buat File Dockerfile

Di dalam folder my-static-site, buat file bernama Dockerfile dengan konten berikut:

Menggunakan image nginx sebagai base
FROM nginx:alpine

Mengcopy file HTML ke direktori nginx
COPY html /usr/share/nginx/html

5. Buat File docker-compose.yml

File ini akan membantu Anda mengelola kontainer Docker dengan lebih mudah. Buat file bernama docker-compose.yml dalam folder my-static-site dengan konten berikut:

version: '3'

services:
web:
build: .
ports:
"8080:80"

6. Bangun dan Jalankan Kontainer

Setelah semua file siap, Anda bisa membangun dan menjalankan kontainer Docker. Jalankan perintah berikut dari dalam folder my-static-site:

docker-compose up --build

Kontainer akan dibangun dan dijalankan. Anda akan melihat output di terminal yang menunjukkan bahwa Nginx sedang berjalan.

7. Akses Website

Untuk mengakses website Anda, buka browser dan kunjungi http://localhost:8080. Anda seharusnya melihat website statis yang telah Anda persiapkan sebelumnya.

Konfigurasi Lanjutan

Setelah Anda berhasil menjalankan website statis, Anda mungkin ingin melakukan beberapa konfigurasi lanjutan. Berikut beberapa saran:

• Menambahkan file Dockerfile untuk menginstal sertifikat SSL jika Anda ingin menggunakan HTTPS.
• Mengubah konfigurasi Nginx untuk mendukung URL rewrite.
• Menambahkan volume ke dalam konfigurasi Docker Compose agar perubahan lokal langsung terlihat di kontainer.

Best Practices

• Selalu buat Dockerfile dan docker-compose.yml sesederhana mungkin untuk meningkatkan kecepatan build.
• Gunakan versi stable dari image Docker untuk menghindari masalah kompatibilitas.
• Hindari menyimpan data yang sensitif dalam file yang dapat diakses publik.
• Gunakan mekanisme logging agar Anda dapat memantau aktivitas kontainer dan menangani kesalahan dengan lebih mudah.

Troubleshooting

Jika Anda mengalami masalah saat menjalankan kontainer, berikut beberapa langkah pemecahan masalah:

• Periksa log kontainer dengan perintah docker logs untuk mencari pesan kesalahan.
• Pastikan port yang Anda pilih tidak bentrok dengan aplikasi lain di mesin Anda.
• Periksa file docker-compose.yml untuk memastikan tidak ada kesalahan sintaks.
• Jalankan docker-compose down dan kemudian docker-compose up --build untuk membangun ulang kontainer jika terjadi masalah.

Kesimpulan

Anda sekarang telah berhasil meluncurkan website statis menggunakan Docker. Dengan langkah-langkah di atas, Anda dapat dengan mudah mengembangkan dan mendistribusikan website Anda dalam kontainer yang ringan. Docker memberikan fleksibilitas dan kemudahan dalam pengelolaan aplikasi Anda. Dengan mempelajari lebih lanjut tentang Docker dan Nginx, Anda akan dapat memanfaatkan potensi penuh dari teknologi ini.

Apabila Anda membutuhkan jasa atau konsultasi lebih lanjut dalam proses setup, silakan hubungi kami:

Konsultasi Jasa Setup Sekarang