SSL localhost XAMPP

Here’s the step by  step guide:

In this step we are going to crate SSL and setup “site.test” website.

1. Navigate to Apache directory in XAMPP.

In regular install it’s in C:\xampp\apache.

2. Create a folder in that page.

This is where we will store our cert. In this example I will create “crt” folder. So we will have C:\xampp\apache\crt

3. Add this files.

4. Edit cert.conf and Run make-cert.bat

Change {{DOMAIN}} text using the domain we want to use, in this case site.test and save.

Double click the make-cert.bat and input the domain site.test when prompted. And just do enter in other question since we already set the default from cert.conf.

Note: I don’t know how to do text replace in .bat script, if you do, let me know in the comment how to do it and I will update make-cert.bat to automatically replace the {{DOMAIN}} with the domain input.

5. Install the cert in windows.

After that, you will see site.test folder created. In that folder we will have server.crt and server.key. This is our SSL certificate.

Double click on the server.crt to install it on Windows so Windows can trust it.

And then select Local Machine as Store Location.

And then Select “Place all certificate in the following store” and click browse and select Trusted Root Certification Authorities.

Click Next and Finish.

And now this cert is installed and trusted in Windows. Next is how how to use this cert in XAMPP.

6. Add the site in Windows hosts

  1. Open notepad as administrator.
  2. Edit C:\Windows\System32\drivers\etc\hosts (the file have no ext)
  3. Add this in a new line:
127.0.0.1 https://site.test

This will tell windows to load XAMPP when we visit https://site.test You can try and it will show XAMPP dashboard page.

7. Add the site in XAMPP conf.

We need to enable SSL for this domain and let XAMPP know where we store the SSL Cert. So we need to edit C:\xampp\apache\conf\extra\httpd-xampp.conf

And add this code at the bottom:

     <VirtualHost *:80>
         DocumentRoot "C:/xampp/htdocs"
         ServerName site.test
         ServerAlias *.site.test
     </VirtualHost>
     <VirtualHost *:443>
         DocumentRoot "C:/xampp/htdocs"
         ServerName site.test
         ServerAlias *.site.test
         SSLEngine on
         SSLCertificateFile "C://xampp/apache/crt/site.test/server.crt"
         SSLCertificateKeyFile "C://xampp/apache/crt/site.test/server.key"
     </VirtualHost>

After that, you will need to restart Apache in XAMPP.  It’s very simple, simply open XAMPP Control Panel and Stop and re-Start Apache Module.

Tips: In XAMPP conf, as you can see you can change the domain root directory if needed. Eg. as sub-dir in htdocs.

8. Restart your browser and Done!

This is required to load the certificate. And visit the domain on your browser, and you will see green lock!

I hope this tutorial is useful!

Tambahan SSL untuk Error pada Mozilla Firefox

Apabila hanya memakai langkah diatas, SSL hanya akan dipercayai oleh browser IE, Chrome akan tetapi tidak untuk Mozilla, anda akan menemui error “Warning: Potential Security Risk Ahead”. Ingin lebih terpercaya SSL nya bisa daftar SSL Free di https://www.sslforfree.com/ Sign up atau Sign in dan daftarkan domain anda dan tunggu hingga file certificate bisa anda download. Dan silahkan ikuti langsung langkah nomor 4 diatas sampai akhir, dan sesuaikan certifcate.crt dan private.key nya ke dalam langkah nomor 7.

NB: untuk verifikasi registrasi SSL Free, anda harus memiliki akses Web panel, minimal bisa akses Email Domain, File Manager Web Panel atau bisa dengan verifikasi DNS Sub domain.

Insyaa Allah berhasil, kami sudah mencobanya. Selamat mencoba.

Sumber: https://shellcreeper.com
Sebagai Dokumentasi

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s