Tutorial mengganti sertfikat ssl xampp virtual Hosts

50
Tutorial Mengganti sertfikat ssl xampp By : Aidul Azmi. S Sistem Informasi Uin Suska Riau

Transcript of Tutorial mengganti sertfikat ssl xampp virtual Hosts

Page 1: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Tutorial Mengganti sertfikat ssl xampp

By : Aidul Azmi. SSistem Informasi Uin Suska Riau

Page 2: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Mengganti Sertifikat SSL/HTTPS Xampp

Langkah-langkah yang akan kita lakukan akan dibagi menjadi beberapa tahapan yaitu …1.Persiapan2.Membuat Virtual Hosts (Vhosts)3.Membuat Sertifikat CA (Certificate Authority)4.Membuat Sertifikat Untuk Vhosts5.Menandatangani Sertifikat Request6.Meletakkan CRT dan Key Ke Apache7.Menginstall Sertifikat CA

Page 3: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Sebelum Persiapan buat sebuah hosts terlebih dahulu.Host file digunakan oleh sistem operasi untuk meng-override settingan DNS yang diberikan oleh DNS server pada Microsoft Windows.

Cara membuaka hosts fileHak Akses sebagai adminMenambahkan ip seperti gambari ini

Page 4: Tutorial mengganti sertfikat ssl xampp virtual Hosts

NEXT..

• Membuka sebuah cmd dengan hak akses sebagai admin• Klik kanan cmd >>

run as administrator

Page 5: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Ketikkan perintah “ notepad drivers\etc\hosts

Untuk membuka file hostsnya

Page 6: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…• Tambahkan file

hosts kita :• Example :• 127.0.0.1

aidulazmi.com

• >>>>>>>>>>>>>>>

Page 7: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…• Lakukan testing dengan

cara • Ping aidulazmi.com• Jika reply from

127.0.0.1:byte=32 times<1ms TTl=128 berarti hosts berhubung

• Jika ping request could not find host aidulazmi.com. Pleases check the name and try again. Artinya host masih ada yang salah.

Page 8: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Membuat Virtual Hosts

• Salah satu HTTP Daemon yang paling banyak digunakan adalah apache. http://httpd.apache.org/ Apache mendukung VirtualHost, dokumentasi resmi dari Apache 2.4 untuk VirtualHost ada di sini:

• http://httpd.apache.org/docs/2.4/vhosts/

• http://httpd.apache.org/docs/2.4/mod/core.html#virtualhost dan

• http://httpd.apache.org/docs/2.4/vhosts/name-based.html

• Setelah berhasil membuat berkas hosts, maka yang selanjutnya akan kita lakukan adalah mensetting virtualhost. adapun langkah - langkah dalam penyetingan VirtualHost pada apache adalah sebagai berikut :

Page 9: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

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

Page 10: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Lalu tambahkan baris berikut di akhir:NameVirtualHost *:80<VirtualHost *:80>ServerAdmin [email protected] "C:/xampp/htdocs"ServerName localhostServerAlias localhost.localdomainErrorLog "logs/localhost.error.log"CustomLog "logs/localhost.access.log"

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

Page 11: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Page 12: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

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

Page 13: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

• Kemudian buat sebuah berkas di dalam folder sites-enabled tersebut • notepad C:\xampp\apache\conf\sites-

enabled\aidulazmi.conf

Page 14: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Page 15: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Tambahkan Sintax seperti dibawah ini

Page 16: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

• Kemudaian kita buat direktori vhosts untuk meletakan logs dan tempat penyimpanan website yang akan kita buat (public_html)• mkdir C:\xampp\vhosts• mkdir C:\xampp\vhosts\aidulazmi• mkdir C:\xampp\vhosts\aidulazmi\logs• mkdir C:\xampp\vhosts\aidulazmi\

public_html

Page 17: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Tambahkan hosts

Page 18: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Page 19: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Restar kembali xampp

Page 20: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Page 21: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Persiapan

Buka CMD, Lalu Ketikan CD\ untuk ke directori pertama

Buat Folder baru dengan Nama sslcert seperti gambar dibawah

Page 22: Tutorial mengganti sertfikat ssl xampp virtual Hosts

NEXT…

Setelah Forlder sslcert dibuat, masuk ke folder sslcert dengan Perintah “ cd sslcert “ , Seperti Cotoh gambar dibawah ini

Page 23: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Setelah berada pada folder sslcert, langkah selanjutnya adalah

membuat 2 folder baru, yaitu folder cert dan private, Ketikkan

Perintah “ mkdir certs private “ (Enter)

Page 24: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Sekarang Ketikkan sebuah berkas bernama serial, dan isi serial 100001. Berkas serial berguna memberi nomor serial untuk setiap sertifikat secara otomatis yang akan dihasilkan.Perintah : echo 100001 >serial (enter)

Selanjutnya : copy con serial (enter)

Dan ketikkan 100001 maka kan muncul <yes/no/all> ketikkan All (enter)Selanjutnya : Tekan ctrl + z (enter)

Page 25: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Pertintah Pembuatan number Serial

Page 26: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Membuat Sebuah berkas baru, dengan nama “ certindex.txt “, yang berguna untuk menampug daftar sertifikat yang telah ditandatangani.

Perintah : notepad certindex.txt (enter)

Page 27: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…Jika keluar

pemberitahun tekan yes saja sebab itu berarti membuat file baru

Page 28: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Membuat Konfigurasi OpenSSL kita dengan Perintah “Notepad openssl.cnf” (enter)

Page 29: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next

Jika ingin lebih Lengkap download di izinpergi.blogspot.co.id•Jika ada pesan peringatan tekan saja yes

Page 30: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Yang kecil adalah lanjutan dari yang bsar

Page 31: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Membuat Sertifikat CA

Sekarang, kita buat sertifikat PKI untuk CA kita, yang nantinya akan digunakan oleh perusahaan / sekolah / universitas Anda untuk menandatangani seluruh sertifikat di kantor / lab / kampus.

Page 32: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Langkah-Langkah Pembuatan sertifikat CA• 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)

Page 33: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

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

Page 34: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…• setelah berhasil memasukan password, maka kita akan diminta untuk memasukan informasi yang di butuhkan pada sertifikat.  You are about to be asked to enter information that will be incorporatedinto your certificate request.What you are about to enter is what is called a Distinguished Name or a DN.There are quite a few fields but you can leave some blankFor some fields there will be a default value,If you enter '.', the field will be left blank.-----Organization Name (company) [Universitas Islam Negeri Sultan Syarif Kasim]:Organizational Unit Name (department, division) []:SIFE14Email Address []:[email protected] Name (city, district) [Pekanbaru]:State or Province Name (full name) [Riau]:Country Name (2 letter code) [ID]:Common Name (hostname.com, IP, or your name) []:aidulazmi.com

Page 35: Tutorial mengganti sertfikat ssl xampp virtual Hosts
Page 36: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Membuat sertifikat untuk VHOSTS

Perintah dibawah ini digunakan untuk membuat sebuah sertifikat REQuest, privateKEY. Semuanya dalam format *.pem. Nantinya, aidulazmi-req.pem ini akan dikirimkan ke CA agar nanti ditandatangani (dan kalau ROOT CA, Anda harus bayar), nantinya CA akan menghasilkan .CRT, yang CRT ini berikut dengan aidulazmi-key.pem (private key) akan diinstall ke Apache.

Page 37: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

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

Page 38: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

kemudian masukan informasi yang dibutuhkan oleh sertifikat

Page 39: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Menandatangani Sertifikat Request

• Sebagai CA, Anda harus menandatangani seluruh request (yang valid) dari organisasi Anda. Kali ini, kita menandatangani sertifikat request dari server localhost, dimana si aidulazmi ini telah memberikan berkas aidulazmi-req.pem kepada kita.

• Sekarang, jika ingin membuat snake-oil certificate, kita sendiri yang menjadi CA dan menandatangani sertifikat request tadi.

Page 40: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

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

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

Page 41: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…• 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 aidulazmi.crt.pem -config ./openssl.cnf -infiles aidulazmi-req.pem (enter)

Page 42: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

• Masukkan Key Private Ca yang dibuat tadi

Page 43: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Meletakan CRT DI Apache

• Masuk Ke folder sslcert dan copy aidulazmi.Crt.pem ke Xampp

Page 44: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

Copy Juga aidulazmi-Key yang ada di private folder , (sslcert) ke apache

Page 45: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…

• Jangan Lupa ganti konfigurasi yang yang ada di xampp/apache/conf/extra/http-ssl.conf

Page 46: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Next…Ganti seperti gambar yang sudah saya tandai :Document root : ganti dengan link vhost kitaSsl crt nya gani dengan aidulazmi.crt.pemKey nya ganti dengan : aidulazmi-key.pem

Page 47: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Installasi Sertifikat

• Open Mozilla >> Tools >> Options >> Advanced >> Encryption >> View Certivicates >> Import >> Cakye >oke

Page 48: Tutorial mengganti sertfikat ssl xampp virtual Hosts
Page 49: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Uji Coba

Seperti yang kita lihat sekarang sudah ada https kita sendir untuk aidulazmi

Page 50: Tutorial mengganti sertfikat ssl xampp virtual Hosts

Terimakasih

Jika Mengalami kesulitan Bisa Hubungi :

[email protected] kunjungi

“izinpergi.blogspot.com”