{"id":1672,"date":"2022-08-03T12:24:18","date_gmt":"2022-08-03T12:24:18","guid":{"rendered":"https:\/\/www.velaninfo.com\/rs\/?post_type=techtips&#038;p=1672"},"modified":"2024-04-17T11:35:18","modified_gmt":"2024-04-17T11:35:18","slug":"how-to-enable-valid-ssl-localhost-xampp","status":"publish","type":"techtips","link":"https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/","title":{"rendered":"How to Enable Valid SSL in localhost for XAMPP?"},"content":{"rendered":"<p>Here we are going to discuss the step-by-step procedure to create and enable SSL cert locally to be used in <a href=\"https:\/\/www.velaninfo.com\/rs\/tech-tips\/windows\/\">XAMPP in Windows<\/a>.<br \/>\nFirst, we need to install XAMPP Package in the System. To download the package please visit the link here<br \/>\nhttps:\/\/www.apachefriends.org\/download.html <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1673 size-full\" src=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/XAMP.png\" alt=\"XAMPP\" width=\"636\" height=\"382\" \/><\/p>\n<p>Setup<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1674\" src=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/Installation-Folder.png\" alt=\"Installation Folder\" width=\"508\" height=\"307\" \/><\/p>\n<p>Select language<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1675\" src=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/setup.png\" alt=\"setup\" width=\"508\" height=\"243\" \/><\/p>\n<p>Follow the instructions and give Next it will start installing XAMPP.<\/p>\n<p>Download and paste the 2 files into the crt folder<\/p>\n<p>https:\/\/gist.github.com\/turtlepod\/3b8d8d0eef29de019951aa9d9dcba546<\/p>\n<p>https:\/\/gist.github.com\/turtlepod\/e94928cddbfc46cfbaf8c3e5856577d0<\/p>\n<p>Edit cert.conf<\/p>\n<p>Change {{DOMAIN}} text using the domain we want to use, here \u201ctest.in \u201cand save.<\/p>\n<p>Double-click the make-cert.bat and input the domain test.in when prompted. And just do enter in other questions since we already set the default from cert.conf<\/p>\n<p>As a result, the folder test. in will create their certificate, and the key file will store<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1676\" src=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/test.in_.png\" alt=\"test.in\" width=\"701\" height=\"194\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1677\" src=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/server.png\" alt=\"server\" width=\"438\" height=\"155\" \/><\/p>\n<p>Now we have created a certificate file and stored it in the Apache folder<\/p>\n<p>Make the localhost entry for test. in<\/p>\n<p>C:\\Windows\\System32\\drivers\\etc\\hosts\u00a0 add the below line and save it.<\/p>\n<p>127.0.0.1\u00a0 \u00a0 test.in<\/p>\n<p>Now we need to attach the <a href=\"https:\/\/www.velaninfo.com\/rs\/techtips\/\">SSL certificate<\/a> to the localhost<\/p>\n<p>Open control panel XAMPP and select config \u2013Apache HTTPd-SSL.conf file<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1678\" src=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/XAMPP-setup.png\" alt=\"XAMPP setup\" width=\"497\" height=\"424\" \/><\/p>\n<p>Select the servers want to install in the server and give next<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1679\" src=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/select-components.png\" alt=\"select components\" width=\"496\" height=\"369\" \/><\/p>\n<p>Choose the Installation folder<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1680\" src=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/bitnami-for-XAMMP.png\" alt=\"Bitnami for XAMMP\" width=\"496\" height=\"420\" \/><\/p>\n<p>Once complete the installation Open the XAMPP control panel and start Apache Server. I will open the ports and start running.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1681\" src=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/XAMPP-Control-pannel.png\" alt=\"XAMPP Control pannel\" width=\"682\" height=\"332\" \/><\/p>\n<p>To create an SSL certificate we need to do the following steps, test.in<\/p>\n<p>Navigate to the Apache directory in XAMPP. C:\\xampp\\apache.<\/p>\n<p>Create a folder there named \u2018crt \u2018<\/p>\n<p>So we will have C:\\xampp\\apache\\crt<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1682\" src=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/XAMPP-Control-panel-v3.30.png\" alt=\"XAMPP Control panel v3.30\" width=\"682\" height=\"321\" \/><\/p>\n<p>Add\/ edit the below lines then save and restart apache from the control panel<\/p>\n<p>&lt;VirtualHost _default_:443&gt;<\/p>\n<p>DocumentRoot &#8220;C:\/xampp\/htdocs&#8221;<\/p>\n<p>ServerName test.in:443<\/p>\n<p>SSLEngine on<\/p>\n<p>SSLCertificateFile &#8220;crt\/test.in\/server.crt&#8221;<\/p>\n<p>SSLCertificateKeyFile &#8220;crt\/test.in\/server.key&#8221;<\/p>\n<p>Open the browser and \u00a0https:\/\/test.in\/dashboard\/<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1683\" src=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/Connection-secure.png\" alt=\"Connection secure\" width=\"1061\" height=\"247\" srcset=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/Connection-secure.png 1061w, https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/Connection-secure-768x179.png 768w\" sizes=\"auto, (max-width: 1061px) 100vw, 1061px\" \/><\/p>\n<p>At Velan, our<a href=\"https:\/\/www.velaninfo.com\/mservices\/managed-it-services\"><strong> server support engineers<\/strong><\/a> can help to install and configure XAMPP and configure SSL for localhost on your Windows servers. If you are interested in our service, please fill out the <a href=\"https:\/\/www.velaninfo.com\/contact\"><strong>Quick Connect form<\/strong><\/a> to get in touch with us.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here we are going to discuss the step-by-step procedure to create and enable SSL cert locally to be used in XAMPP in Windows. First, we need to install XAMPP Package in the System. To download the package please visit the link here https:\/\/www.apachefriends.org\/download.html Setup Select language Follow the instructions and give Next it will start&#8230;<a class=\"continue-reading text-uppercase\" href=\"https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/\"> Continue Reading <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/themes\/velaninfo\/images\/reading_arw.png\" alt=\"Continue Reading\" width=\"16\" height=\"12\"\/><\/a><\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"tags":[],"class_list":["post-1672","techtips","type-techtips","status-publish","hentry","Categories_tech_tip-windows","Categories_tech_tip-xampp"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to enable valid SSL in local host for XAMPP?<\/title>\n<meta name=\"description\" content=\"Learn to secure your XAMPP local host with a valid SSL. Follow our step-by-step guide to enable SSL for a safer development environment\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Enable Valid SSL in localhost for XAMPP?\" \/>\n<meta property=\"og:description\" content=\"Learn to secure your XAMPP local host with a valid SSL. Follow our step-by-step guide to enable SSL for a safer development environment\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/\" \/>\n<meta property=\"og:site_name\" content=\"Velan\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-17T11:35:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/XAMP.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/techtips\\\/how-to-enable-valid-ssl-localhost-xampp\\\/\",\"url\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/techtips\\\/how-to-enable-valid-ssl-localhost-xampp\\\/\",\"name\":\"How to enable valid SSL in local host for XAMPP?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/techtips\\\/how-to-enable-valid-ssl-localhost-xampp\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/techtips\\\/how-to-enable-valid-ssl-localhost-xampp\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/XAMP.png\",\"datePublished\":\"2022-08-03T12:24:18+00:00\",\"dateModified\":\"2024-04-17T11:35:18+00:00\",\"description\":\"Learn to secure your XAMPP local host with a valid SSL. Follow our step-by-step guide to enable SSL for a safer development environment\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/techtips\\\/how-to-enable-valid-ssl-localhost-xampp\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/techtips\\\/how-to-enable-valid-ssl-localhost-xampp\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/techtips\\\/how-to-enable-valid-ssl-localhost-xampp\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/XAMP.png\",\"contentUrl\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/XAMP.png\",\"width\":636,\"height\":382,\"caption\":\"XAMPP\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/techtips\\\/how-to-enable-valid-ssl-localhost-xampp\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tech Tips\",\"item\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/techtips\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Enable Valid SSL in localhost for XAMPP?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/#website\",\"url\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/\",\"name\":\"Velan\",\"description\":\"Velaninfo Services India Pvt Ltd\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.velaninfo.com\\\/rs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to enable valid SSL in local host for XAMPP?","description":"Learn to secure your XAMPP local host with a valid SSL. Follow our step-by-step guide to enable SSL for a safer development environment","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/","og_locale":"en_US","og_type":"article","og_title":"How to Enable Valid SSL in localhost for XAMPP?","og_description":"Learn to secure your XAMPP local host with a valid SSL. Follow our step-by-step guide to enable SSL for a safer development environment","og_url":"https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/","og_site_name":"Velan","article_modified_time":"2024-04-17T11:35:18+00:00","og_image":[{"url":"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/XAMP.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/","url":"https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/","name":"How to enable valid SSL in local host for XAMPP?","isPartOf":{"@id":"https:\/\/www.velaninfo.com\/rs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/#primaryimage"},"image":{"@id":"https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/#primaryimage"},"thumbnailUrl":"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/XAMP.png","datePublished":"2022-08-03T12:24:18+00:00","dateModified":"2024-04-17T11:35:18+00:00","description":"Learn to secure your XAMPP local host with a valid SSL. Follow our step-by-step guide to enable SSL for a safer development environment","breadcrumb":{"@id":"https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/#primaryimage","url":"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/XAMP.png","contentUrl":"https:\/\/www.velaninfo.com\/rs\/wp-content\/uploads\/2022\/08\/XAMP.png","width":636,"height":382,"caption":"XAMPP"},{"@type":"BreadcrumbList","@id":"https:\/\/www.velaninfo.com\/rs\/techtips\/how-to-enable-valid-ssl-localhost-xampp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.velaninfo.com\/rs\/"},{"@type":"ListItem","position":2,"name":"Tech Tips","item":"https:\/\/www.velaninfo.com\/rs\/techtips\/"},{"@type":"ListItem","position":3,"name":"How to Enable Valid SSL in localhost for XAMPP?"}]},{"@type":"WebSite","@id":"https:\/\/www.velaninfo.com\/rs\/#website","url":"https:\/\/www.velaninfo.com\/rs\/","name":"Velan","description":"Velaninfo Services India Pvt Ltd","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.velaninfo.com\/rs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.velaninfo.com\/rs\/wp-json\/wp\/v2\/techtips\/1672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.velaninfo.com\/rs\/wp-json\/wp\/v2\/techtips"}],"about":[{"href":"https:\/\/www.velaninfo.com\/rs\/wp-json\/wp\/v2\/types\/techtips"}],"author":[{"embeddable":true,"href":"https:\/\/www.velaninfo.com\/rs\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.velaninfo.com\/rs\/wp-json\/wp\/v2\/comments?post=1672"}],"version-history":[{"count":11,"href":"https:\/\/www.velaninfo.com\/rs\/wp-json\/wp\/v2\/techtips\/1672\/revisions"}],"predecessor-version":[{"id":2277,"href":"https:\/\/www.velaninfo.com\/rs\/wp-json\/wp\/v2\/techtips\/1672\/revisions\/2277"}],"wp:attachment":[{"href":"https:\/\/www.velaninfo.com\/rs\/wp-json\/wp\/v2\/media?parent=1672"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.velaninfo.com\/rs\/wp-json\/wp\/v2\/tags?post=1672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}