Cara Menggunakan HTTPS Pada Localhost Xampp

Hypertext Transfer Protocol Secure (HTTPS) adalah versi terenkripsi dari protokol HTTP. Enkripsinya menggunakan protokol Secure Sockets Layer (SSL), atau yang lebih baru Transport Layer Security (TLS), sering juga disebut sebagai HTTP over SSL atau HTTP over TLS. Http dan https memiliki port yang berbeda, Pada http secara default menggunakan port 80 maka https secara default menggunakan port 443. Fungsi HTTPS (Hypertext Transfer Protocol Secure) adalah menjaga keamanan data baik data pengguna maupun data dari administrator dalam mengakses website. Dalam menggunakan https untuk pengembangan website Anda di localhost (Development), tentu saja sangat diperlukan untuk menguji aplikasi sebelum berjalan pada server online. Apakah tidak ada masalah saat menggunakan https. Seperti pada artikel sebelumnya mengenai Cara Membuat Virtual Host atau Virtual Domain di Localhost Xampp, yang hanya berjalan pada http atau port 80 namun pada artikel ini akan menunjukan cara mengaktifkan https di localhost dengan menggunakan Apache XAMPP. Untuk mempermudah mengaktifkan https di localhost, pastikan virtual host atau virtual domain pada XAMPP telah berjalan dengan benar. [irp]

Cara Menggunakan HTTPS Pada Localhost Xampp

• Caranya cukup mudah hanya menambahkan code berikut :

<VirtualHost *:443>
DocumentRoot "(lokasi instal xampp)/htdocs"
ServerName www.belajar.local
SSLEngine on
SSLCertificateFile "conf/ssl.crt/server.crt"
SSLCertificateKeyFile "conf/ssl.key/server.key"
<Directory "(lokasi instal xampp)/htdocs">
Options All
AllowOverride All
Require all granted
</Directory>
</VirtualHost>

• Buka dan edit file httpd-vhosts.conf yang berada di lokasi (tempat anda menginstal xampp)/apache/conf/extra), kemudian masukan kode tersebut.

 

• Pada baris kode sebelumnya merupakan kode hanya untuk mengaktifkan virtual host atau virtual domain http atau port 80.
• Untuk membuka akses https dapat dilihat penambahan beberapa baris kode dari kode sebelumnya. seperti koneksi SSL, Anda perlu menambahkan baris berikut di dalam tag <Virtualhost>. Pada dasarnya dengan struktur yang sama dengan tag <VirtualHost> utama Anda namun dengan tambahan kode berikut:

SSLEngine on
SSLCertificateFile "conf/ssl.crt/server.crt"
SSLCertificateKeyFile "conf/ssl.key/server.key"
<Directory "(lokasi instal xampp)/htdocs">
Options All Allow
Override All
Require all granted
</Directory>

• conf/ssl.crt/server.crt dan conf/ssl.key/server.key merupakan sertifikat ssl yang secara default sudah tersedia saat Anda mengintall xampp. 2 file ini secara default tersimpan di dalam (lokasi instal xampp)\apache\conf\ssl.key\server.key dan (lokasi instal xampp)\apache\conf\ssl.crt\server.crt.
• Sekarang Anda simpan dan kemudian Restart atau Jalankan Apache pada Xampp Control Panel.
• Coba Anda akses pada browser dengan menggunakan https://localhost atau https://(domain Anda).

[su_box title="Catatan" style="bubbles" box_color="#f7fa73" title_color="#000000"] Pada beberapa browser mungkin Anda akan mendapatkan peringatan karena sertifikat yang tidak terpercaya atau tidak valid, Namun Anda hanya perlu melewatkan peringatan ini. [/su_box]