Hello Folks!, today i came up with a tip for all web developers who’re wondering how to install SSL in localhost (XAMPP). So finaly here is the solution for how to Create Valid SSL in localhost for XAMPP.
Google announced that SSL is must for all the sites in World Wide Web. Since 2018 Chrome browser updates has become a burden for local development. Not only they decided to disable .dev domain for local development, they also really have specific configuration in SSL Cert to show the site as secure.
HTTPS and installing an SSL Certificate from a Commercial Certificate Authority in XAMPP. For your users to be able to use https when connecting to your Team Password Manager installation, you must create an SSL certificate and a server private key. Installing an SSL certificate on XAMPP Prior to certificate installation, please make sure that the CSR was generated, and the certificate was activated, validated, and issued. The certificate needs to be downloaded from your account or email. You can then use the files provided there for installation.
On February 8, 2018 – Emily Schechter (Chrome Security Product Manager) quoted in her blog as “Chrome 68, the omnibox will display “Not secure” for all HTTP pages.” like below,
So to overcome this lets install SSL in localhost. Please follow my lead step by step to install SSL without any hassle.
The ready certificate was placed in the folders C:xamppapacheconfssl.crt and C:xamppapacheconfssl.key, provided we installed XAMPP in C:xampp. Define VirtualHost In the next step, we have to set up a new VirtualHost for each domain within the file C:xamppapacheconfextrahttpd-vhosts.conf similar to what we did in the first tutorial. Install SSL Certificate on XAMPP / Apache / OpenSSL. Intermediate certificate file - intermediate.crt ให้เข้าไป Download intermedaite / RootCA จาก Link ในอีเมล์ที่ทาง ตัวแทนจำหน่าย SSL Certificate ที่ท่านสั่งซื้อ ส่งมาให้ ปกติจะมี 2 ไฟล์. Here we will see how we can generate SSL certificate using Open SSLand install it on Xampp server for Windows. If while running any of below commands you get any error regarding openssl.cnf then set the correct file with below command set OPENSSLCONF=c:/softwares/openssl-0.9.8h-1-bin/share/openssl.cnf 1.
For eg. lets keep a domain called proficientdesigners.test. Actually we can create any domain which is not available in the internet like .com, .net etc.
As a developer you may think about using the .dev domain. But unfortunately its been taken by google and its available in the internet globally like .com, .net so we avoid using .dev domain and thus we chose to us the .test domain.
Navigate to Apache directory in XAMPP C:xamppapache
Install Ssl Xampp
Create a folder named cert in C:xamppapache location. This is where we will keep our SSL certificates. So now we will get a directory C:xamppapachecert
Download below files and add it to C:xamppapachecert
Edit cert.conf in the fields listed below through which you can generate a proper SSL cert with some valid information.
Run make-cert.bat by double clicking it. A cmd prompt window will open in which it’ll ask for you enter the valid domain name, in this eg we’re using domain name proficientdesigners.test
Follow the screenshots below:
No need to enter the Country Code if you’ve already configured that in cert.conf, so you can simply press Enter and you can follow the same process for other options too.
So finally the SSL certficate for proficientdesigners.test is created. Now lets install it in our local machine, for that double click the cert file which is located in C:xamppapachecertproficientdesigners.testserver.crt
After that follow the screenshots below:
So now finally to make proficientdesigners.test domain to work in the localhost we need to block it for DNS resolve globally in the internet.
So for that lets edit the Windows host file which is located in C:WindowsSystem32driversetchosts in which this below single line to be added at the end of line.
Now we need to configure SSL for proficientdesigners.test in apache config file, so for that lets edit C:xamppapacheconfextrahttpd-vhosts.conf
Add the below lines at the last of httpd-vhosts.conf
Note: Please change the Document Root, ServerName, ServerAlias as per the domain which you use.
Xampp Ssl Setup
Finally we need to restart the apache in XAMPP to make the changes to work. That’s it Folks!!, now you’ve successfully installed the SSL and configured it in your localhost. I hope this tutorial will be useful for all the beginners, so if you still can’t able to make this work, please leave your doubts as comments below.