Cara Membuat Valid SSL (https) di localhost untuk XAMPP

Penggunaan SSL sangatlah bermanfaat baik bagi end user maupun pemilik website. Pengguna sudah mulai peduli soal pentingnya keamanan internet di beberapa tahun terakhir ini. Itu berarti SSL menyediakan kelebihan yang sangat bagus bagi website modern mana pun. Adapun kelebihan dengan menggunakan SSL :

1. Dengan SSL, tampilan website Anda akan lebih profesional
2. Mengenkripsi informasi
3. Google suka dengan situs yang menggunakan SSL

Baiklah, tidak perlu panjang lebar kita langsung saja ke TKP. Pada langkah ini kita akan membuat SSL dan mengatur situs web "localhost.com"

1. Buat folder "crt" didalam folder XAMPP "C:\xampp\apache"
2. Buat file "cert.conf" dan isi dengan code dibawah ini :
   [ req ] default_bits = 2048 default_keyfile = server-key.pem distinguished_name = subject req_extensions = req_ext x509_extensions = x509_ext string_mask = utf8only [ subject ] countryName = Country Name (2 letter code) countryName_default = US stateOrProvinceName = State or Province Name (full name) stateOrProvinceName_default = NY localityName = Locality Name (eg, city) localityName_default = New York organizationName = Organization Name (eg, company) organizationName_default = Example, LLC commonName = Common Name (e.g. server FQDN or YOUR name) commonName_default = localhost.com emailAddress = Email Address emailAddress_default = test@example.com [ x509_ext ] subjectKeyIdentifier = hash authorityKeyIdentifier = keyid,issuer basicConstraints = CA:FALSE keyUsage = digitalSignature, keyEncipherment subjectAltName = @alternate_names nsComment = "OpenSSL Generated Certificate" [ req_ext ] subjectKeyIdentifier = hash basicConstraints = CA:FALSE keyUsage = digitalSignature, keyEncipherment subjectAltName = @alternate_names nsComment = "OpenSSL Generated Certificate" [ alternate_names ] DNS.1 = localhost.com
   ubah "localhost.com" dengan nama domain yang anda inginkan.
3. Buat file "make-cert.bat" dan isi dengan kode dibawah ini :
   @echo off set /p domain="Enter Domain: " set OPENSSL_CONF=../conf/openssl.cnf if not exist .\%domain% mkdir .\%domain% ..\bin\openssl req -config cert.conf -new -sha256 -newkey rsa:2048 -nodes -keyout %domain%\server.key -x509 -days 365 -out %domain%\server.crt echo. echo ----- echo The certificate was provided. echo. pause
4.  Jalankan file "make-cert.bat" run administrator
5. Kemudian akan muncul folder dengan nama "localhost.com". (Tergantung domain yang anda buat di file "cert.conf"
6. Masuk folder "localhost.com", kemudian jalankan file "server.crt" 
7. Pilih "local machine", kemudian tekan "next"
8. Pilih "Place all certificate in the following store", kemudian klik "browse" dan pilih "Trusted Root Certification Authorities", kemudian tekan "OK"
9. Tambahkan domain pad host windows yang kita gunakan, dengan cara :
   
   • buka notepad as administrator
   • buka file "C:\Windows\System32\drivers\etc\hosts"
   • Tambahkan baris berikut : 127.0.0.1 localhost.com
   • Kemudian Simpan
10. Tambahkan domain (host) dikonfigurasi XAMPP, dengan cara:
    Buka file : "C:\xampp\apache\conf\extra\httpd-xampp.conf" dan masukkan kode berikut dipaling bawah:
    <virtualhost *:80> DocumentRoot "C:/xampp/htdocs" ServerName localhost.com ServerAlias *.localhost.com </VirtualHost> <virtualhost *:443> DocumentRoot "C:/xampp/htdocs" ServerName localhost.com ServerAlias *.localhost.com SSLEngine on SSLCertificateFile "crt/localhost.com/server.crt" SSLCertificateKeyFile "crt/localhost.com/server.key" </VirtualHost>
11. Terakhir restart apache pada windows
12. Buka browser dan masukkan url : https://localhost.com(sesuai domain yang anda gunakan)
13. Untuk mengakses project didalam htdocs tinggal buka dengan url : https://localhost.com/nama_prroject

Cukup sekian, semoga informasi diatas dapat menjadi ibadah buat saya selaku penulis.
Jangan Lupa Berbagi,
Good Luck Gaes !!