[網頁技巧學習筆記]如何在localhost中為XAMPP創建有效的SSL

此篇參考文章如下,

How to Create Valid SSL in localhost for XAMPP

首先安裝XAMPP,安裝版本為XAMPP for Windows 7.3.2 (PHP 7.3.2),下載網址如下,

XAMPP Apache + MariaDB + PHP + Perl

在路徑C:\xampp\apache創造資料夾crt

在crt資料夾內增加以下兩個檔案

cert.conf

make-cert.bat

打開cert.conf,在第25行與第51行更改為site.test

點擊打開make-cert,在開頭輸入site.test,其餘為默認,如下所示,

會產生出site.test資料夾

進入site.test資料夾,點擊server

按照以下步驟進行設定

設定完成就成功申請安全憑證

接下來在設定Windows hosts,到路徑C:\Windows\System32\drivers\etc

打開hosts檔案,加入127.0.0.1 site.test,如下所示,

來設定XAMPP conf,到路徑C:\xampp\apache\conf\extra

打開httpd-xampp.conf檔案,在底下新增以下程式,

## site.test
<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 "crt/site.test/server.crt"
SSLCertificateKeyFile "crt/site.test/server.key"
</VirtualHost>