Docker compose merupakan alat yang di gunakan untuk menjalankan beberapa wadah sebagai satu service. Docker compose bekerja dengan cara mendefenisikan stack dalam file
.yml kemudian menjalankannya dengan menggunakan perintah docker-compose. Menggunakan docker-compose memungkinkan kamu dapat menjalankan beberapa continer sekaligus.Dengan menggunakan docker-compose kamu bisa menjalankan websesrver html menggunakan nginx. Untuk menjalankan nginx di dalam docker compose kamu bisa mengikuti langakah-langkah di bawah ini.
Namun sebelumnya kamu sudah mendownload docker-compose dan docker.io.
Selanjutnya buat sebuah file dengan sturktur seperti di bawah ini.
├── src | └── index.html └── docker-compose.yml
Untuk file
index.html silahkan isi dengan file html ataupun script website yang akan di jalankan.<!DOCTYPE html>
<html>
<head>
<title>Membuat Jam Digital Dengan Javascript - www.benanginspirasi.com</title>
</head>
<body>
<style>
h1,h2,p,a{
font-family: sans-serif;
font-weight: normal;
}
.jam-digital-benanginspirasi {
overflow: hidden;
width: 330px;
margin: 20px auto;
border: 5px solid #efefef;
}
.kotak{
float: left;
width: 110px;
height: 100px;
background-color: #189fff;
}
.jam-digital-benanginspirasi p {
color: #fff;
font-size: 36px;
text-align: center;
margin-top: 30px;
}
</style>
<center>
<h1>Tutorial Membuat Jam Digital Dengan Javascript</h1>
<h2>www.benanginspirasi.com</h2>
</center>
<div class="jam-digital-benanginspirasi">
<div class="kotak">
<p id="jam"></p>
</div>
<div class="kotak">
<p id="menit"></p>
</div>
<div class="kotak">
<p id="detik"></p>
</div>
</div>
<script>
window.setTimeout("waktu()", 1000);
function waktu() {
var waktu = new Date();
setTimeout("waktu()", 1000);
document.getElementById("jam").innerHTML = waktu.getHours();
document.getElementById("menit").innerHTML = waktu.getMinutes();
document.getElementById("detik").innerHTML = waktu.getSeconds();
}
</script>
</body>
</html>Kemudian tambah file nginx di dalam file docker-compose.
version: "3"
services:
client:
image: nginx
ports:
- 8000:80
volumes:
- ./src:/usr/share/nginx/htmlSave dan jalankan dengan mengguankan perintah.
docker-compose up -d
Tunggu hingga prosesnya selesai, di sini kita menggunkan port 8000, masukan
localhost:8000 kedalam tab browser.