Pada praktikum kali ini, kita akan membangun web server menggunakan salah satu web server yang paling banyak digunakan yaitu apache2.
Step 1 - Install apache2
- Buka aplikasi terminal pada Ubuntu desktop.
- Ketikkan command berikut:
$ sudo apt-get update
$ sudo apt-get install apache2Step 2 - Mengecek Web Server
Setelah apache2 sudah terinstall, secara default apache2 akan berjalan. untuk mengecek apakah apache2 sudah berjalan atau belum. anda bisa menggunakan command dibawah ini.
$ sudo systemctl status apache2jika status apache2 sudah active/running, maka web server dapat diakses oleh clients. tools yang diperlukan untuk mengakses webserver adalah web browser atau sebagai alternative agar dapat diakses dari terminal diperlukan curl
$ sudo apt-get install curl
$ curl ip-address # template penulisan
$ curl 192.168.80.1 # sebagai contoh silahkan ganti ip dengan ip web server andaStep 3 - Deploy HTML Static
- Mempersiapkan source code HTML dengan vim atau text editor gui seperti vscode/sublime
- (optional) install sublime
$ wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -
$ echo "deb https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list
$ sudo apt-get update
$ sudo apt-get install sublime-text- membuat halaman website sederhana
$ vim index.html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Portofolio</title>
</head>
<body>
<h1>Hai, My name is ainun</h1>
<h2>ini adalah halaman Portofolio saya</h2>
</body>
</html>untuk menyimpan file dan keluar dari vim, bisa menekan tombol : kemudian dilanjutkan dengan menuliskan wq!
- copy
index.htmlke default directory apache2 yang ada di/var/www/html
$ sudo cp file-asal file-tujuan # ini tata cara penulisan cp, tidak perlu di jalankan di terminal
$ sudo cp index.html /var/www/html/index.html- check website anda dengan menggunakan browser atau curl
Tugas
- Buatlah website portofolio team anda dengan bebasis HTML/CSS/JS
- Deploy website anda diatas webserver yang sudah anda setup.
- Buatlah laporan praktikum diatas kertas.
References: