Install Ssl In Xampp

Updated: 4/12/2020

Setting up an SSL certificate for XAMPP is pretty straight forward, but it won’t completely work if you are trying to use a private, local domain on your own computer. This is mostly caused by the certificates not being issues by a Certificate Authority, but rather it’s a self-signed certificate.

You can be your own Certificate Authority easy enough, but everything has to be typed correctly at the command prompt or it can fail, leaving you scratching your head. Completing a CA cert and SSL cert process may complete and the certificate is still not verifiable because something was not quite right in the configuration.

Copy the certificate in (your drive)xamppapacheconfssl.crttesting.dom.crt Import the root certificate (ca.ssl.indexnl.com.crt) with the Certificate Import Wizard, just double click and -Install Certificate-, make sure you import the root certificate in the Trusted Root Certificate Authorities Store.

Another thing that I discovered is that copying a command from the Internet may not work correctly due to some hidden chars in the string.

Install

Install SSL Certificate on XAMPP / Apache / OpenSSL. Intermediate certificate file - intermediate.crt ให้เข้าไป Download intermedaite / RootCA จาก Link ในอีเมล์ที่ทาง ตัวแทนจำหน่าย SSL Certificate ที่ท่านสั่งซื้อ ส่งมาให้ ปกติจะมี 2 ไฟล์. Select a folder to install XAMPP to and click Next. Here you are asked where you would like to install the personal web server application. The default is to the C: drive when installing on a PC. This is probably the best location. To change folder locations, click the icon that resembles a folder and select a folder to install XAMPP to. There are many advantages (and disadvantages) about using https in our websites. Some Browser API's only are accesible if the connection is secure (webkitSpeechRecognition, getUserMedia etc), you cannot load insecure resources (http) from secure websites (https) and a lot of others points. In this step we are going to crate SSL and setup “site.test” website. Navigate to Apache directory in XAMPP. In regular install it’s in C: xampp apache.

Once you are successful at generating a root CA cert and an SSL cert, it’s a matter of setting up the XAMPP Apache configuration. Then you will have to edit the root CA cert that CURL uses so that it can verify you SSL cert. The PHP CURL configuration needs to point to this file and if you use WordPress, this root CA cert needs to be added to the WordPress includes as well.

Let’s begin.

First install XAMPP and get it running so that you can access it’s dashboard in your browser via http.

Next, we want to add the path to OpenSSL to our path system variable so we don’t have to be in the xampp/apache/bin directory to run it. I assume you know how to add a directory to you Windows 10 system path already. If not, simply run SystemPropertiesAdvanced command, click the “Environment Variables” button and add the path to the end of the “Path” system variable (e.g. C:/xampp/apache/bin).

Rapid Environment Editor is a great tool to edit your system path with.

Install Ssl Apache Xampp

Note, Windows 10 comes with CURL, so if you don’t add xampp/apache/bin to your path system variable, you will be running the Windows installation of CURL and not the one included with XAMMP. Place the path to the xampp/apache/bin directory before %SystemRoot%system32.

Next, we add a crt/dev.local directory under Apache and work inside this directory.

Run Windows cmd.exe.

Now you are going to make yourself a Certificate Authority.

64-bit

Now you have a CA private key and CA certificate.

Next we will use these to generate an SSL private key and cert.


Make a file named csr.ext with the following entries. This is important to have an “alt_name” so it will work in Chrome. Add localhost and 127.0.0.1 so it will work with those too.

The next batch of commends is a two line command made to enter after executing openssl. You will get a prompt to enter commands and you can continue on the next line with a “” at the end of each line.


Now you will need to tell Windows about your CA certificate.

Xampp Https

Run the Windows Cert Manager certmgr. Choose Trusted Root Certification Authorities, right click on Certificates>>All Tasks>>Import… and import your CA Certificate (EWWCA.pem).

Click Next.

Choose the file. You will need to choose “All Files (*.*)” in the file chooser dialog to show your pem file or type it in directly.

Place all certificates in the following store: Trusted Root Certificate Authorities.

Click Finish.

You will get a “The import was successful.” message and then you will be able to browse the root certificates and see the one you just added.

Install ssl in xampp windows 10Xampp

Now all you need to do is create virtual hosts in Apache and point to the new SSL Certificate and Key that you made.

Open the Apache httpd-xampp.conf file and add these entries:

Now, https should work in Chrome and Edge, but not in Firefox. If it doesn’t work, restart your browser or restart your computer.

You will need to import your CA certificate directly into Firefox’s CA store.

Run Firefox and go to Options>>Privacy & Security>>Security Devices and click on the “View Certificates…” button. On the next dialog box, click on the Authorities tab and click the “Import…” button.

On the next dialog box, check the 2 boxes and click OK.

Now https should work in Firefox. If not, restart Firefox or restart the computer.

Now check your PHP.ini file and enable extension=curl and point curl.cainfo and openssl.cafile both to C:xamppapachebincurl-ca-bundle.crt. CURL will work for PHP scripts now, unless the script uses it’s own CA bundle file. (See below how to enable your CA cert in WordPress.)

At this point, CURL included with XAMPP will work if you access https sites on the Internet, but it will fail if you access a site on dev.localhost because CURL uses curl-ca-bundle.crt file for it’s CA certs. Your new CA cert is not in this file, so you will need to open up curl-ca-bundle.crt and your pem file (EWWCA.pem) in a text editor.

Copy everything in the pem file.

We couldn't fully download everything we needed:(We will try again shortly. In the mean time, check for problems with your Internet connection! No commitments, cancel at any time. Jitsi on mobile – download our apps and start a meeting from anywhere. Hello, Slack fans! Very pleased to meet you! Connect your calendar to view all your meetings in Jitsi Meet. Plus, add Jitsi meetings to your calendar and start them with one click. Connect your calendar. Jitsi as a Service. JaaS: the Team that Builds Jitsi Can Now Also Run it for You! January 27, 2021 TL;DR The Jitsi team at 8×8 are proud to announce the brand new and awesome Jitsi as a Service: world’s easiest way to embed video meetings in your apps and websites! Free Video Conferencing Solutions. Go ahead, video chat with the whole team. In fact, invite everyone you know. Jitsi Meet is a fully encrypted, 100% open source video conferencing solution that you can use all day, every day, for free — with no account needed. How to work with jitsi meet. Jitsi Meet lets you stay in touch with all your teams, be they family, friends, or colleagues. Instant video conferences, efficiently adapting to your scale. Unlimited users: There are no artificial restrictions on the number of users or conference participants. Server power and bandwidth are the only limiting factors. No account needed.

Open up the curl-ca-bundle.csr file located in xampp/apache/bin and scroll down to the very bottom of the file and paste in your CA cert. Ensure there are no spaces or new lines at the end. As shown in the screenshot above, you can also add a title to the cert so you know what it is.

Save the file and now CURL will work https on dev.localhost from the command line (cmd.exe).

Install

To enable CURL to work in WordPress, after you have added your CA cert to it as per the previous instructions, copy the curl-ca-bundle.csr file to the /wp-includes/certificates folder. Then rename ca-bundle.csr to ca-bundle.old and change curl-ca-bundle.csr filename to ca-bundle.scr.

CURL should now work with any WordPress plugins that access https://dev.localhost URLs.