How to Enable HTTPS on XAMPP Server
web-development
wordpress
SSL
HTTPS
Following are Steps to setup HTTPS for XAMP;
STEP 1 Installing XAMMP
Download and install XAMPP Here
STEP 2 Adding VirtualHost
Navigate to
C:\xampp\apache\conf\extra
Open httpd-vhosts-conf file in Notepad add a VIRTUALHOST in the end by copying following code
1# Virtual Hosts2<VirtualHost *:443>3 DocumentRoot "C:/xampp/htdocs/"4 ServerName localhost5 SSLEngine on6 SSLCertificateFile "conf/ssl.crt/server.crt"7 SSLCertificateKeyFile "conf/ssl.key/server.key"8 <Directory "C:/xampp/htdocs/">9 Options All10 AllowOverride All11 Require all granted12 </Directory>13</VirtualHost>14
ServerName will be the URL you want to setup HTTPS on; In this case We are using localhost
STEP 3 Creating Private Key
Now We will create Private KEY. Navigate to the directory C:\xampp\apache.
Open makecert.bat
.
It will ask Pass Phrase and some questions,You can give answers of your choices but the comman name should be the URL for which you are setting up SSL for; in this case its "localhost".
Once done with it you can find the certificates and Key folder in the following directory
C:\xampp\apache\conf
STEP 4 Configure httpd.config
Now, Navigate to C:\xampp\apache\conf
. We will be configuring our httpd.config
file,
All we need to do is to include following lines in the very bottm of httpd.config
file.
1# Virtual hosts2Include conf/extra/httpd-vhosts.conf3
STEP 4 Installing Certificate
Now, Open ssl.crt
folder and Install the certificate on the local machine by follwing steps;]
- open
server.crt
- click install certificate
- click local machine, then proceed next
- click on **Place all certificates in the following store"
- Browse and Choose Trusted Root Certification Authorities, click OK and NEXT
- Click Finish
A message will pop up saying ""the import was successfull""
STEP 5 Configure Chrome
We will enable Allow invalid certificates for resources loaded from localhost. in Chrome. for this paste the following on URL, it will lead you directly to it.
chrome://flags/#allow-insecure-localhost
Restart your XAMPP services and restart chrome as well. You should now be able to access your website with HTTPS / SSL enabled.
Support Me!!
If you found this post helpful, consider buying me Coffee ☕. Your support keeps me fueled to create more content!