2021年更新

我发布这个答案，因为我自己也在努力解决这个问题，Chrome更新了他们的安全性，要求主题替代名称，很多帖子都没有，因为当他们作为答案发布时，这是不需要的。我假设WAMP已经安装了。

步骤1

下载OpenSSL Light并安装

**STEP 2 (Optional)**

虽然这部分是可选的，但它使以后更容易执行命令。如果跳过此步骤，则必须提供执行该命令的openssl.exe的完整路径。如果你喜欢设置它，那么更新环境变量中的openssl.exe路径。

环境变量—>系统变量—> Path—> Edit—> New—> .单击“确定” c:\Program Files\ OpenSSL-Win64 \ bin

**STEP 3**

在c:/wamp64/bin/apache/apache2.4.27(你的版本号)/conf/目录下创建一个名为“key”的文件夹。

为您的CA MyCompanyCA.cnf创建配置文件(您可以根据需要更改它):

[ req ]
distinguished_name  = req_distinguished_name
x509_extensions     = root_ca

[ req_distinguished_name ]
countryName             = Country Name (2 letter code)
countryName_min         = 2
countryName_max         = 2
stateOrProvinceName     = State or Province Name (full name)
localityName            = Locality Name (eg, city)
0.organizationName      = Organization Name (eg, company)
organizationalUnitName  = Organizational Unit Name (eg, section)
commonName              = Common Name (eg, fully qualified host name)
commonName_max          = 64
emailAddress            = Email Address
emailAddress_max        = 64

[ root_ca ]
basicConstraints            = critical, CA:true

创建扩展配置文件MyCompanyLocalhost。您的web服务器证书的Ext:

subjectAltName = @alt_names
extendedKeyUsage = serverAuth

[alt_names]
DNS.1   = localhost
DNS.2   = mycy.mycompany.com

**STEP 4**

按指定顺序执行以下命令生成密钥和证书:

openssl req -x509 -newkey rsa:2048 -out MyCompanyCA.cer -outform PEM -keyout MyCompanyCA.pvk -days 10000 -verbose -config MyCompanyCA.cnf -nodes -sha256 -subj "/CN=MyCompany CA"
openssl req -newkey rsa:2048 -keyout MyCompanyLocalhost.pvk -out MyCompanyLocalhost.req -subj /CN=localhost -sha256 -nodes
openssl x509 -req -CA MyCompanyCA.cer -CAkey MyCompanyCA.pvk -in MyCompanyLocalhost.req -out MyCompanyLocalhost.cer -days 10000 -extfile MyCompanyLocalhost.ext -sha256 -set_serial 0x1111

因此，你将拥有MyCompanyCA。MyCompanyLocalhost cer。和MyCompanyLocalhost。pvk文件。

**STEP 5**

安装MyCompanyCA。cer下

控制面板->管理用户证书->受信任根 证书颁发机构->证书

安装MyCompanyLocalhost。Cer，双击它。

**STEP 6**

打开c:/wamp64/bin/apache/apache2.4.27(你的版本号)/conf/httpd.conf并取消注释(删除#)以下3行:

LoadModule ssl_module modules/mod_ssl.so
Include conf/extra/httpd-ssl.conf
LoadModule socache_shmcb_module modules/mod_socache_shmcb.so

**STEP 7**

打开“c:/wamp64/bin/apache/apache2.4.37/conf/extra/httpd-ssl.conf”，按如下所示修改所有参数。

Directory "c:/wamp64/www"
DocumentRoot "c:/wamp64/www"
ServerName localhost:443
ServerAdmin admin@example.com
ErrorLog "c:/wamp64/bin/apache/apache2.4.27/logs/error.log"
TransferLog "c:/wamp64/bin/apache/apache2.4.27/logs/access.log"
SSLCertificateFile "c:/wamp64/bin/apache/apache2.4.27/conf/key/MyCompanyLocalhost.cer"
SSLCertificateKeyFile "c:/wamp64/bin/apache/apache2.4.27/conf/key/MyCompanyLocalhost.pvk"
SSLSessionCache "shmcb:c:/wamp64/bin/apache/apache2.4.27/logs/ssl_scache(512000)"
CustomLog "c:/wamp64/bin/apache/apache2.4.27/logs/ssl_request.log" \
          "%t %h %{SSL_PROTOCOL}x %{SSL_CIPHER}x \"%r\" %b"

注意:这是比较棘手的部分。如果在编辑此文件时犯了任何小错误，SSL将无法工作。编辑之前先复制一份。

**STEP 8**

重新启动Wamp和Chrome。Localhost现在是安全的:https://localhost

Windows + Apache 2.4，例如:

uncomment ssl_module in your httpd.conf file. LoadModule ssl_module modules/mod_ssl.so listen 443 port just like 80 port in your httpd.conf file. Listen 80 Listen 443 uncomment Include Virtual hosts in your httpd.conf file. # Virtual hosts Include conf/extra/httpd-vhosts.conf add VirtualHost in your conf/extra/httpd-vhosts.conf <VirtualHost _default_:443> DocumentRoot "D:/www" #your site directory path ServerName localhost #ServerAlias localhost.com localhost2.com SSLEngine on SSLCertificateFile "${SRVROOT}/conf/ssl/server.crt" SSLCertificateKeyFile "${SRVROOT}/conf/ssl/server.key" <Directory "D:/www"> Options -Indexes +FollowSymLinks +ExecCGI AllowOverride All Require all granted </Directory> </VirtualHost>

只有端口号443和SSL......行与正常的HTTP配置不同。

保存配置文件并重新启动apache服务。然后你可以访问https://localhost/

浏览器会在第一时间警告你这是不安全的，选择继续。

博士tl;

ssh -R youruniquesubdomain:80:localhost:3000 serveo.net

您的本地环境可以从https://youruniquesubdomain.serveo.net访问

Serveo是最好的

没有注册。 没有安装。 HTTPS。 全球范围内访问。 您可以指定自定义修复子域。 你可以自己托管它，这样你就可以使用自己的域名，即使服务宕机，你也可以为未来做准备。

当我发现这项服务时，我简直不敢相信。它提供了一切，而且是最容易使用的。如果有这样一个简单无痛的工具可以解决所有问题……

这是最简单的方法

首先复制这些服务器。CRT &服务器。关键文件(见附件)到apache/conf/ssl目录

然后打开httpd.conf文件并添加以下行

Listen 80
Listen 443

NameVirtualHost *:80
NameVirtualHost *:443

<VirtualHost *:443>
    DocumentRoot "d:/wamp/www"  #your wamp www root dir
    ServerName localhost
    SSLEngine on
    SSLCertificateFile "d:/wamp/bin/apache/Apache2.4.4/conf/ssl/server.crt"
    SSLCertificateKeyFile "d:/wamp/bin/apache/Apache2.4.4/conf/ssl/server.key"
</VirtualHost>

我想在@CodeWarrior的非常好的回答中添加一些东西，这在Chrome上完美地工作，但对于Firefox需要额外的步骤。

由于Firefox不支持默认情况下Windows提供的CA证书，您需要继续:config，向下滚动到security.enterprise_root。Enabled并将其更改为true。

现在，您的证书在Firefox上也应该是有效的。

当然，这仅用于开发目的，因为ssl信任是一个关键的安全问题，只有在知道其影响时才更改此设置。

为此我使用ngrok (https://ngrok.com/)。 Ngrok是一个命令行工具，用于为本地主机创建隧道。它同时创建http和https连接。 下载完成后，需要执行以下命令:

ngrok http 80

(在版本2中，语法是:ngrok http 80。在版本2中，任何端口都可以通过隧道。)

几秒钟后，它会给出两个url:

http://a_hexadecimal_number.ngrok.com
https://a_hexadecimal_number.ngrok.com

现在，两个url都指向localhost。