Pada praktikum kali ini, kita akan membangun web server menggunakan salah satu web server yang paling banyak digunakan yaitu apache2.

Step 1 - Install apache2

  1. Buka aplikasi terminal pada Ubuntu desktop.
  2. Ketikkan command berikut:
$ sudo apt-get update
$ sudo apt-get install apache2

Step 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 apache2

jika 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 anda

Step 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.html ke 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

apache webpage

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: