SISTEM TERDISTRIBUSIFINAL PROJECT (VirtualHost + SSL)

TUTORIAL 

Oleh:TIARA RAMADHANI

11453201723

    

JURUSAN SISTEM INFORMASI FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SULTAN SYARIF KASIM RIAUPEKANBARU

2017 

Menjalankan CMD Sebagai Administrator1. Seacrh CMD di windows, disini penulis menggunakan windows 8:

Menjalankan CMD Sebagai Administrator

2. Setelah itu jalankan sebagai admistrator:

Menjalankan CMD Sebagai Administrator

3. Setelah dijalankan sebagai administrator akan muncul tampilan command prompt seperti gambar dibawah ini:

Menjalankan CMD Sebagai Administrator

4. Setelah muncul gambar pada langkah nomor 3, maka kita lakukan pengujian dengan menjalankan perintah SET US, perintah SET US disini gunanya hanya untuk menampilkan Environment Variable yang dimulai dengan huruf US. CMD yang telah dijalankan sebagai administrator akan memiliki judul Administrator, seperti gambar disamping

Berkas Hosts

Adapun langkah - langkah pengerjaanya adalah sebagai berikut.1.  Buka CMD, Lalu ketikan perintah notepad \Windows\System32\drivers\etc\hosts (enter)

Berkas Hosts2. Setelah anda menekan enter maka secara otomatis CMD akan membuka 

file hosts. 

Berkas Hosts2. Kemudian tambahkan 127.0.0.1 tiara.ramadhani.com pada baris bagian 

bawah. Seperti gambar dibawah ini:

Berkas Hosts4. Setelah selesai menambahkan 127.0.0.1 tiara.ramadhani.com pada baris 

bagian bawah maka pilih file » save.

Berkas Hosts5. Setelah selesai menyimpan 

konfigurasi , langkah selanjutnya adalah kita melakukan pengujian apakah berkash hosts tersebut telah berhasil ditambahkan atau belum, adapaun cara yang kita gunakan adalah dengan perintah ping  tiara.ramadhani.com pada CMD.

Setting VirtualHost dengan Apache (XAMPP)

1. Tambahkan settingan pada berkas httpd.conf, biasanya berkas ini berada pada C:\xampp\apache\conf\httpd.conf jika Anda menginstal xampp di drive C

Setting VirtualHost dengan Apache (XAMPP)

2. Lalu tambahkan baris berikut di akhir:NameVirtualHost *:80

<VirtualHost *:80>   ServerAdmin kampar@gmail.com   DocumentRoot "C:/xampp/htdocs"   ServerName localhost   ServerAlias localhost.localdomain   ErrorLog "logs/localhost.error.log"   CustomLog "logs/localhost.access.log" 

combined</VirtualHost>Include "conf/sites-enabled/*.conf"

Setting VirtualHost dengan Apache (XAMPP)

3. Selanjutnya buatlah sebuah folder sites-enabled pada direktori conf dengan perintah mkdir C:\xampp\apache\conf\sites-enabled

Setting VirtualHost dengan Apache (XAMPP)

4. Kemudian buat sebuah berkas di dalam folder sites-enabled tersebut notepad C:\xampp\apache\conf\sites-enabled\tiara.ramadhani.conf

Setting VirtualHost dengan Apache (XAMPP)

5. Kemudian akan muncul pesan peringatan dari notepad bahwa tidak bisa menemukan tiara.ramadhani dan akan membuat file baru dengan nama tiara.ramadhani.

Lanjutan...Setelah file tiara.ramadhani berhasil di buat maka tambahkan baris berikut.<VirtualHost *:80>   ServerAdmin admin@tiara.ramadhani   DocumentRoot "C:/xampp/vhosts/tiara.ramadhani/public_html"   ServerName tiara.ramadhani   ServerAlias www.tiara.ramadhani   ErrorLog "C:/xampp/vhosts/tiara.ramadhani/logs/error.log" CustomLog "C:/xampp/vhosts/tiara.ramadhani/logs/access.log" combined </VirtualHost><Directory "C:/xampp/vhosts/tiara.ramadhani/public_html">   Options Indexes FollowSymLinks Includes ExecCGI   AllowOverride All   Require all granted    </Directory>

Lanjutan...

Setting VirtualHost dengan Apache (XAMPP)

6. Kemudaian kita buat direktori vhosts untuk meletakan logs dan tempat penyimpanan website yang akan kita buat (public_html)

1. mkdir C:\xampp\vhosts2. mkdir C:\xampp\vhosts\

tiara.ramadhani3. mkdir C:\xampp\vhosts\

tiara.ramadhani\logs4. mkdir C:\xampp\vhosts\

tiara.ramadhani\public_html

Setting VirtualHost dengan Apache (XAMPP)

7. Jangan lupa untuk menambahkan tiara.ramadhani ke berkas host Anda,C:\Windows\System32>notepad drivers\etc\host   (enter)

Lanjutan...Kemudian Tambahkan 127.0.0.1 tiara.ramadhani dan 127.0.0.1 tiara.ramadhani.com

Setting VirtualHost dengan Apache (XAMPP)

8.  Sekarang, restart Apache Anda dengan menekan tombol Stop, tunggu sebentar, lalu start. Kalau belum dijalankan, cukup di start saja

Setting VirtualHost dengan Apache (XAMPP)

Sekarang, seharusnya Apache Anda sudah memiliki setidaknya dua Document Root:

1. Pertama di "C:/xampp/htdocs" untuk http://localhost; 

2. Kedua di "C:/xampp/vhosts/tiara.ramadhani/public_html" jika ada yang mengakses http://tiara.ramadhani

Setting VirtualHost dengan Apache (XAMPP)

Setelah proses restart selesai, seharusnya kita sudah bisa menjalankan http://tiara.ramadhani namun tampilanya masih akan seperti ini:

Mengganti Sertifikat SSL XAMPP

Langkah - langkah yang akan kita lakukan akan terbagi menjadi beberapa tahapan :

• Perisapan• Membuat Sertifikat CA• Membuat Sertifikatt Untuk Localhost• Menandatangani Sertifikat Request• Meletakan CRT dan Key Ke Apache• Menginstall sertifikat CA

• Persiapan1. Buka CMD, lalu ketikan perintah cd \ (enter)

2. Lalu buat folder baru dengan nama sslcert, untuk membuat direktori menggunakan CMD ketikan Perintah mkdir. mkdir sslcert (enter)

3. Kemudian masuk kedalam folder sslcert dengan perintah cd \sslcert (enter)

4.  Setelah berada pada folder sslcert, langkah selanjutnya adalah membuat 2 folder baru, yaitu folder certs dan private. ketikan perintah mkdir certs private (enter)

5. Setelah berada pada folder sslcert, langkah selanjutnya adalah membuat 2 folder baru, yaitu folder certs dan private. ketikan perintah mkdir certs private (enter)

6. Sekarang buat sebuah berkas bernama serial, dan isi dengan 100001. Berkas serial ini nantinya digunakan untuk otomatis memberi nomor serial untuk setiap sertifikat yang dihasilkan.

ketikan perintah : echo 100001 >serial (enter)

selanjutnya ketikan : copy con serial (enter)        100001 maka akan muncul pesan <Yes/No/All> :ketik All (enter)         lalu tekan ctrl + z (enter)

7. Kemudian Buat sebuah berkas baru, namanya certindex.txt untuk menampung daftar sertifikat yang telah kita tandatangani.ketikan perintah notepad certindex.txt (enter)

 

Apabila muncul pesan peringatan seperti pada gambar dibawah ini maka klik Yes, peringatan tersebut muncul karna file certindex belum ada, dan notepad akan membuat file tersebut.

9. Sekarang buat konfigurasi OpenSSL kita, dengan perintah notepad openssl.cnf (enter)

Apabila muncul lagi pesan peringatan seperti pada gambar dibawah ini maka klik Yes

Lanjutan.....Lalu copy paste perintah berikut :## OpenSSL configuration file.## Establish working directory. dir                 = .[ ca ]default_ca             = CA_default [ CA_default ]serial                 = $dir/serialdatabase             = $dir/certindex.txtnew_certs_dir             = $dir/certscertificate             = $dir/cacert.pemprivate_key             = $dir/private/cakey.pemdefault_days             = 3650#default_md             = md5default_md             = sha1preserve             = noemail_in_dn             = nonameopt                 = default_cacertopt                 = default_capolicy                 = policy_match

[ policy_match ]countryName             = matchstateOrProvinceName         = matchorganizationName         = matchorganizationalUnitName       = optionalcommonName             = suppliedemailAddress             = optional [ req ]default_bits             = 2048         # Size of keysdefault_keyfile             = key.pem     # name of generated keys#default_md             = md5             # message digest algorithmdefault_md            = sha1             # message digest algorithmstring_mask          = nombstr     # permitted charactersdistinguished_name       = req_distinguished_namereq_extensions            = v3_req

 [ req_distinguished_name ] # Variable name             Prompt string#-------------------------  ----------------------------------0.organizationName        = Organization Name (company)organizationalUnitName       = Organizational Unit Name (department, division)emailAddress             = Email AddressemailAddress_max        = 40localityName             = Locality Name (city, district)stateOrProvinceName        = State or Province Name (full name)countryName            = Country Name (2 letter code)countryName_min             = 2countryName_max            = 2commonName             = Common Name (hostname.com, IP, or your name)commonName_max            = 64

Lanjutan....# Default values for the above, for consistency and less typing.# Variable name             Value#------------------------  ------------------------------0.organizationName_default   = Universitas Islam Negeri Sultan Syarif KasimlocalityName_default         = PekanbarustateOrProvinceName_default     = RiaucountryName_default         = ID [ v3_ca ]basicConstraints        = CA:TRUEsubjectKeyIdentifier         = hashauthorityKeyIdentifier       = keyid:always,issuer:always [ v3_req ]basicConstraints       = CA:FALSEsubjectKeyIdentifier         = hash

Lanjutan...

Membuat Sertifikat CA

1. ketikan perintah berikut :C:\xampp\apache\bin\openssl.exe req -new -x509 -extensions v3_ca -keyout private\CAkey.pem -out CAcert.pem -days 3650 -config ./openssl.cnf (enter)

2. kemudian masukan password yang akan kita gunakan untuk sertifikat CA kita :

3. setelah berhasil memasukan password, maka kita akan diminta untuk memasukan informasi yang di butuhkan pada sertifikat. 

 

Membuat sertifikat untuk Localhost

1. ketikan perintah berikut ini: C:\xampp\apache\bin\openssl req -new -nodes -out localhost-req.pem -keyout private/localhost-key.pem -config ./openssl.cnf (enter)

2. kemudian masukan informasi yang dibutuhkan oleh sertifikat.

Menandatangani Sertifikat Request

1. Setting path terlebih dahulu, dengan memasukkan perintah sebagai berikut:set path=C:\xampp\apache\bin;%PATH% (enter)

2. setelah selesai menyeting path untul ssl maka selanjutnya yang akan kita lakukan adalah menandatangani sertifikat request dari localhost-req.pem tadi, gunakan perintah:openssl ca -out localhost.crt.pem -config ./openssl.cnf -infiles localhost-req.pem (enter)

Meletakkan CRT dan KEY ke Apache

Setelah Anda sukses membuat CRT dan KEY, sekarang Anda harus meletakkanya ke XAMPP. Jika XAMPP di install di drive C:, maka coba navigasi ke folder C:\xampp\apache\conf

Letakkan CRT ke folder ssl.crt

Dan letakkan KEY ke ssl.key

Setelah itu, jangan lupa diganti konfigurasi Apache agar menggunakan sertifikat baru yang Anda buat. Konfigurasi yang harus diganti biasanya terletak di folder extra, cari berkas httpd-ssl.conf

Restart XAMPP, sekarang Anda telah menggunakan sertifikat yang baru.

Menginstall Sertifikat CA.

1. Buka Web Browser anda. (disini penulis menggunakan Mozila Firefox), kemudian pilih Tools » Option » Advance » Encryption » View Certificates 

2. lalu installkan sertifikat yang telah kita buat kedalam web browser dengan cara mengimportkan sertifikat yang telah kita buat.

3. Disini penulis akan mengimportkan sertifikat dari tiara.ramadhani.com

4. untuk melihat detail dari sertifikat yang telah kita install maka kita tinggal menekan view.

Sekalipun telah di install, koneksi https kita tetap akan tersilang di Google Chrome, tetapi tidak apa-apa, dan sedikit lebih baik daripada yang keluar adalah pesan Error koneksi tidak privat, walaupun kita tahu koneksi itu privat.