使用 local-ssl-proxy实现本地 HTTPS 环境 进行调试

最近，前端需要调用H5 Geolocation API实现浏览器定位，需要本地模拟一下https环境进行定位调试，通过使用 local-ssl-proxy 是一种快速实现本地 HTTPS 环境的方法。它可以将一个本地的 HTTP 服务器通过 SSL/TLS 加密（HTTPS）进行代理

1. 安装 local-ssl-proxy

首先，你需要安装 local-ssl-proxy。可以通过 npm 进行全局安装：

npm install -g local-ssl-proxy

2. 创建自签名证书（可选）

local-ssl-proxy 需要一个 SSL 证书，你可以使用 OpenSSL 来生成自签名证书。可以自签也可以用默认的，使用默认就跳过这个步骤。

如果你已经有了证书（比如 private.key 和 server.crt），可以跳过这一步。如果没有，可以按照以下步骤生成证书：

打开 PowerShell 或命令提示符，进入你想要存放证书的目录。
运行以下命令生成证书：

生成私钥

openssl genpkey -algorithm RSA -out private.key

生成证书签署请求（CSR）

openssl req -new -key private.key -out server.csr

使用私钥签署证书

openssl x509 -req -days 365 -in server.csr -signkey private.key -out server.crt

3. 使用 local-ssl-proxy 启动 HTTPS 代理

一旦安装好 local-ssl-proxy 并且有了证书，你可以通过以下命令来启动 HTTPS 代理：

local-ssl-proxy --source 8080 --target 80 

解释：

--source 8080：指定你要监听的本地端口（HTTPS 端口），你可以选择任何一个未被占用的端口，比如 8080 或 3000。
--target 80：指定目标 HTTP 端口，通常是你本地服务器的 HTTP 端口。

拥有自己的证书文件、私钥文件则使用

local-ssl-proxy --source 8080 --target 80 --cert server.crt --key private.key

--cert server.crt：指定你的证书文件路径。
--key private.key：指定你的私钥文件路径。

这样，local-ssl-proxy 会将本地的 HTTP 请求通过 HTTPS 代理转发。
4. 访问本地 HTTPS 服务

在浏览器中，以访问 https://localhost:8080
5. 解决浏览器警告
由于是自签名证书，浏览器会提示不安全或证书不受信任，可以选择手动将证书添加到浏览器的信任证书列表中，或者直接忽略警告继续访问。