Final Project Virtual Hosts dan SSL

Final Project VirtualHosts + SSLOleh :Devinta Sari11453204925

Menjalankan CMD sebagai AdministratorKlik icon Search windows yang terletak pada bagian kedua bawah pada komputer/laptop anda.Pada Kolom Search program and File Tuliskan CMD Pilih Command Prompt Klik Kanan Pada Command Prompt Run as Administrator

Menjalankan CMD sebagai AdministratorSetelah kita berhasil menjalankan CMD, maka kita lakukan pengujian dengan menjalankan perintah SET US.

Host file digunakan oleh sistem operasi untuk meng-override settingan DNS yang diberikan oleh DNS Server.Disini kita perlu hak akses sebagai administrator untuk dapat mengedit file hosts untuk menambahkan alamat IP kita.Tutorial kali ini kita akan menambahkan alamat IP 127.0.0.0 dengan DNS devinta.sari.com pada file hostsBerkas Host

Berkas HostJalankan CMD sebagai Administrator seperti tugas sebelumnya, Lalu ketikan perintah :notepad \Windows\System32\drivers\etc\hosts

Berkas HostSetelah itu tekan enter maka secara otomatis akan muncul notepad. Lalu tambahkan dua baris pada bagian bawah, misal 127.0.0.1 devinta.sari.com dan 127.0.0.1 devinta.sari tanpa .com. Jangan lupa untuk mensave hosts tersebut.

Berkas HostLangkah selanjutnya kita akan melakukan pengujian apakah berkas hosts tersebut telah berhasil ditambah atau belum, dengan cara ketikan perintah ping devinta.sari.com pada CMD.Menghentikannya ctrl+c

Salah satu HTTP Daemon yang paling banyak digunakan adalah apache. http://httpd.apache.org/ Apache mendukung VirtualHost.Setelah berhasil membuat berkas hosts, maka yang selanjutnya akan kita lakukan adalah mensetting virtualhost.VirtualHost pada Apache (XAMPP)

VirtualHost pada Apache (XAMPP)Tambahkan settingan pada berkas httpd.conf, yang berada pada C:\xampp\apache\conf\httpd.conf

VirtualHost pada Apache (XAMPP)Kemudian tambahkan settingan seperti pada gambar pada baris terakhir dan jangan lupa untuk menyimpannya

VirtualHost pada Apache (XAMPP)Buatlah sebuah folder sites-enabled pada direktor conf dengan perintah : mkdir C:\xampp\apache\conf\sites-enabled

VirtualHost pada Apache (XAMPP)Setelah itu buatlah sebuah berkas di dalam folder sites-enabled tadi, dengan perintah : notepad C:\xampp\apache\conf\sites-enabled\devinta.sari.conf

VirtualHost pada Apache (XAMPP)Kemudian tambahkan baris berikut pada notepad seperti pada gambar

VirtualHost pada Apache (XAMPP)Langkah selanjutnya kita buat direktori vhosts untuk meletakan logs dan tempat penyimpanan sebuah website yang akan kita buat pada public_html

VirtualHost pada Apache (XAMPP)setelah itu, kita akan merestars Apache pada Xampp Control Panel dengan menekan tombol Stop, kemudian Start kembali.

VirtualHost pada Apache (XAMPP)Sekarang, seharusnya Apache Anda sudah memiliki setidaknya dua buah Document Root."C:/xampp/htdocs" untuk http://localhost

VirtualHost pada Apache (XAMPP)"C:/xampp/vhosts/ devinta.sari /public_html" jika ada yang mengakses http://devinta.sari

SSL memastikan data transaksi yang terjadi secara online di enkripsi/acak sehingga tidak dapat dibaca oleh pihak lain. Kegunaan utamanya adalah untuk menjaga keamanan dan kerahasiaan data ketika melakukan transaksi.Dalam tutorial kali ini penulis berperan sebagai CA (Certificate Authority) yang akan menandatangani sertifikat sendiri serta merubah sertifikat SSL yang dimiliki oleh XAMPPMengganti Sertifikat SSL XAMPP

Mengganti Sertifikat SSL XAMPPBuka CMD, lalu ketikan perintah cd \ (enter)

Persiapan

Mengganti Sertifikat SSL XAMPPLalu buat folder baru dengan nama sslcert, untuk membuat direktori menggunakan CMD ketikan Perintah mkdir sslcert (enter)

Mengganti Sertifikat SSL XAMPPKemudian masuk kedalam folder sslcert dengan perintah cd \sslcert (enter)

Mengganti Sertifikat SSL XAMPPSetelah berada pada folder sslcert, langkah selanjutnya adalah membuat 2 folder baru, yaitu folder certs dan private. ketikan perintah mkdir certs private (enter)

Mengganti Sertifikat SSL XAMPPSekarang buat sebuah berkas bernama serial, dan isi dengan 100001. ketikan perintah : echo 100001 >serial (enter)selanjutnya ketikan : copy con serial (enter)100001 maka akan muncul pesan :ketik All (enter)lalu tekan ctrl + z (enter)

Mengganti Sertifikat SSL XAMPPKemudian Buat sebuah berkas baru, namanya certindex.txt untuk menampung daftar sertifikat yang telah kita tandatanganiketikan perintah notepad certindex.txt (enter)

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

Mengganti Sertifikat SSL XAMPPSekarang buat konfigurasi OpenSSL kita, dengan perintah notepad openssl.cnf (enter)

Klik yes saja Lalu copy-paste baris-baris 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= matchMengganti Sertifikat SSL XAMPP

stateOrProvinceName= 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 namePrompt 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# Default values for the above, for consistency and less typing.# Variable nameValue#------------------------ ------------------------------0.organizationName_default= Universitas Islam Negeri Sultan Syarif KasimlocalityName_default= PekanbaruMengganti Sertifikat SSL XAMPP

stateOrProvinceName_default= RiaucountryName_default= ID[ v3_ca ]basicConstraints= CA:TRUEsubjectKeyIdentifier= hashauthorityKeyIdentifier= keyid:always,issuer:always[ v3_req ]basicConstraints= CA:FALSEsubjectKeyIdentifier= hashMengganti Sertifikat SSL XAMPP

Mengganti Sertifikat SSL XAMPPketikan 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)

Membuat Sertifikat CA

Mengganti Sertifikat SSL XAMPPkemudian masukan password yang akan kita gunakan untuk sertifikat CA kita

Mengganti Sertifikat SSL XAMPPsetelah berhasil memasukan password, maka kita akan diminta untuk memasukan informasi yang di butuhkan pada sertifikat.

Dengan perintah di atas, kita sekarang sudah memiliki sebuah kunci private untuk menandatangani sertifikat. Kunci private tersebut disimpan di folder private, dengan nama CAkey.pem.

Adapun berkas CAcert.pem adalah sertifikat public kita yang nanti akan digunakan oleh client untuk menginstal sertifikat kita.

Mengganti Sertifikat SSL XAMPP

Mengganti Sertifikat SSL XAMPPketikan perintah berikut ini C:\xampp\apache\bin\openssl req -new -nodes -out localhost-req.pem -keyout private/localhost-key.pem -config ./openssl.cnf (enter)Membuat sertifikat untuk Localhost

Mengganti Sertifikat SSL XAMPPkemudian masukan informasi yang dibutuhkan oleh sertifikat

Mengganti Sertifikat SSL XAMPPBiasanya perintah ssl tidak mau jalan apabila kita belum mengsetting path nya.Perintah : opensslMenandatangani Sertifikat Request

Mengganti Sertifikat SSL XAMPPAdapaun perintah untuk mengsetting path agar memasukkan direktori C:\xampp\apache\bin adalah :set path=C:\xampp\apache\bin;%PATH% (enter)

Mengganti Sertifikat SSL XAMPPSelanjutnya menandatangani sertifikat request dari localhost-req.pem tadi, gunakan perintah: openssl ca -out localhost.crt.pem -config ./openssl.cnf -infiles localhost-req.pem (enter)

Mengganti Sertifikat SSL XAMPPIsi informasi yang dibutuhkan seperti gambar

Mengganti Sertifikat SSL XAMPPSetelah Anda sukses membuat CRT dan KEY, sekarang Anda harus meletakkanya ke XAMPP.Meletakkan CRT dan KEY ke Apache

Mengganti Sertifikat SSL XAMPPJika XAMPP di install di drive C:, maka coba navigasi ke folder C:\xampp\apache\confLetakkan CRT ke folder ssl.crtDan KEY ke ssl.key

Mengganti Sertifikat SSL XAMPPSetelah 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

kemudian ganti dengan sertifikat yang baru

Restart XAMPP, sekarang Anda telah menggunakan sertifikat yang baru.

Mengganti Sertifikat SSL XAMPPBuka Web Browser anda. (contoh menggunakan Mozila Firefox), kemudian pilih Tools Option Advance Encryption View Certificates

*contoh gambar menggunakan bahasa indonesiaMenginstall Sertifikat CA

Mengganti Sertifikat SSL XAMPPlalu installkan sertifikat yang telah kita buat kedalam web browser.

Mengganti Sertifikat SSL XAMPPMasukkan nama sertifikat yang kita buat tadi dan unduh sertifikat.

Mengganti Sertifikat SSL XAMPPSetelah selesai mengikuti petunjuk maka akan keluar nama sertifikat kita

Mengganti Sertifikat SSL XAMPPuntuk melihat detail dari sertifikat yang telah kita install maka kita tinggal menekan view

Mengganti Sertifikat SSL XAMPPKita coba sertifikat yang telah diinstal tadi masukkan linkhttps://localhosts

*Jangan lupa xampp dihidupkan

SEKIAN