Final project virtual hosts + ssl

Post on 15-Apr-2017

50 views 0 download

Transcript of Final project virtual hosts + ssl

Final Project VirtualHosts +

SSLOleh :

Devinta Sari11453204925

Menjalankan CMD sebagai

Administrator

Klik 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

Administrator

Setelah 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 hosts

Berkas Host

Berkas Host

Jalankan CMD sebagai Administrator seperti tugas sebelumnya, Lalu ketikan perintah :

notepad \Windows\System32\drivers\etc\hosts

Berkas Host

Setelah 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 Host

Langkah 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.

1. "C:/xampp/htdocs" untuk http://localhost

VirtualHost pada Apache

(XAMPP)

2. "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 XAMPP

Mengganti Sertifikat SSL XAMPP

Mengganti Sertifikat SSL

XAMPP

Buka CMD, lalu ketikan perintah cd \ (enter)

1. Persiapan

Mengganti Sertifikat SSL

XAMPP

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

Mengganti Sertifikat SSL

XAMPP

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

Mengganti Sertifikat SSL

XAMPP

Setelah 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

XAMPP

Sekarang 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 <Yes/No/All> :ketik All (enter)lalu tekan ctrl + z (enter)

Mengganti Sertifikat SSL

XAMPP

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 maka klik Yes, peringatan tersebut muncul karna file certindex belum ada, dan notepad akan membuat file tersebut.

Mengganti Sertifikat SSL

XAMPP

Sekarang 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 = match

Mengganti 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 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# Default values for the above, for consistency and less typing.# Variable name Value#------------------------  ------------------------------0.organizationName_default = Universitas Islam Negeri Sultan Syarif KasimlocalityName_default = Pekanbaru

Mengganti Sertifikat SSL XAMPP

stateOrProvinceName_default = RiaucountryName_default = ID[ v3_ca ]basicConstraints = CA:TRUEsubjectKeyIdentifier = hashauthorityKeyIdentifier = keyid:always,issuer:always[ v3_req ]basicConstraints = CA:FALSEsubjectKeyIdentifier = hash

Mengganti Sertifikat SSL XAMPP

Mengganti Sertifikat SSL

XAMPP

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. Membuat Sertifikat CA

Mengganti Sertifikat SSL

XAMPP

kemudian masukan password yang akan kita gunakan untuk sertifikat CA kita

Mengganti Sertifikat SSL

XAMPP

setelah 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

XAMPP

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)

3. Membuat sertifikat untuk Localhost

Mengganti Sertifikat SSL

XAMPP

kemudian masukan informasi yang dibutuhkan oleh sertifikat

Mengganti Sertifikat SSL

XAMPP

Biasanya perintah ssl tidak mau jalan apabila kita belum mengsetting path nya.

Perintah : openssl

4. Menandatangani Sertifikat Request

Mengganti Sertifikat SSL

XAMPP

Adapaun perintah untuk mengsetting path agar memasukkan direktori C:\xampp\apache\bin adalah :

set path=C:\xampp\apache\bin;%PATH% (enter)

Mengganti Sertifikat SSL

XAMPP

Selanjutnya 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

XAMPP

Isi informasi yang dibutuhkan seperti gambar

Mengganti Sertifikat SSL

XAMPP

Setelah Anda sukses membuat CRT dan KEY, sekarang Anda harus meletakkanya ke XAMPP.

5. Meletakkan CRT dan KEY ke Apache

Mengganti Sertifikat SSL

XAMPP Jika XAMPP di

install di drive C:, maka coba navigasi ke folder C:\xampp\apache\conf

Letakkan CRT ke folder ssl.crt

Dan KEY ke ssl.key

Mengganti Sertifikat SSL

XAMPP

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

kemudian ganti dengan sertifikat yang baruRestart XAMPP, sekarang Anda telah menggunakan sertifikat yang baru.

Mengganti Sertifikat SSL

XAMPP

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

*contoh gambar menggunakan bahasa indonesia

6. Menginstall Sertifikat CA

Mengganti Sertifikat SSL

XAMPP

lalu installkan sertifikat yang telah kita buat kedalam web browser.

Mengganti Sertifikat SSL

XAMPP

Masukkan nama sertifikat yang kita buat tadi dan unduh sertifikat.

Mengganti Sertifikat SSL

XAMPP

Setelah selesai mengikuti petunjuk maka akan keluar nama sertifikat kita

Mengganti Sertifikat SSL

XAMPP

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

Mengganti Sertifikat SSL

XAMPP

Kita coba sertifikat yang telah diinstal tadi masukkan link

https://localhosts

*Jangan lupa xampp dihidupkan

SEKIAN