ngrok内网穿透—实现https安全访问

​

背景：

HTTP（Hypertext Transfer Protocol）超文本传输协议是用来在Internet上传送超文本的传送协议，它可以使浏览器更加高效，使网络传输减少。但HTTP协议采用明文传输信息，存在信息窃听、信息篡改和信息劫持的风险。

HTTPS(Secure Hypertext Transfer Protocol) 安全超文本传输协议是一个安全的通信通道，它基于HTTP开发，用于在客户计算机和服务器之间交换信息。HTTPS使用安全套接字层(SSL)进行信息交换，简单来说HTTPS是HTTP的安全版，是使用TLS/SSL加密的HTTP协议。

什么是SSL数字证书（SSL证书）？

数字证书的一种，类似于驾驶证、护照和营业执照的电子副本。因为配置在服务器上，也称为SSL服务器证书。SSL 证书就是遵守 SSL协议，由受信任的数字证书颁发机构CA（如GlobalSign，wosign），在验证服务器身份后颁发，具有服务器身份验证和数据传输加密功能。

CA：

即证书授权中心（CA, Certificate Authority）。CA是负责签发证书、认证证书、管理已颁发证书的机关。用户向CA提出申请后，CA负责审核用户信息，然后对关键信息利用私钥进行”签名”，并公开对应的公钥。客户端可以利用公钥验证签名。

CSR：

CSR（Certificate Signing Request）即证书请求文件，也就是证书申请者在申请数字证书时由CSP（加密服务提供者）在生成私钥的同时也生成证书请求文件，证书申请者只要把CSR文件提交给证书颁发机构后，证书颁发机构使用其根证书私钥签名就生成了证书公钥文件，也就是颁发给用户的证书。

使用ssl证书优势？

谷歌从 2017 年1月1日起，Chrome 浏览器将会对未进行HTTPS加密的网站标记为「不安全」网站；

同时苹果App Store的所有iOS应用将强制采用ATS标准，也就是强制使用 HTTPS；

在国内热火朝天的小程序也要求必须使用 HTTPS 请求。

1. 防流量劫持
   全站Https是根治运营商、中间人流量劫持的解决方案，不仅可以杜绝网页中被插入的小广告，更可以保护用户隐私安全。
2. 提升搜索排名
   采用Https可以帮忙搜索排名的提升，提高站点的可信度和品牌形象。
3. 杜绝钓鱼网站
   Https地址栏绿色图标可以帮助用户识别出钓鱼网站，保障用户和企业的利益不受损害，增强用户信任。

过程：

昨天在学习小程序模仿知乎日报的时候发现小程序居然不支持http://的请求，虽然可以在本地电脑环境用体验版小程序进行测试，但是手机上不能预览我是绝对不能忍受的！而且https是未来的趋势，学会配置个https访问的网站，也算是个技能吧（我是很绝对的 滑稽….）

在网上稍微浏览了下如何实现https访问
我这里选择了阿里云的免费证书，下面是我申请证书的步骤：

1.首先，你需要有一台阿里云的服务器，一个备案过的域名。

2.开始申请证书：
选择控制台=>安全（云盾）

点击选择并购买证书

支付完成后，到我的证书，补全信息

使用主域名即可

3.申请完成后等待签发.并下载证书

选择apache

下载到本地的文件列表

什么嘛？申请个免费DV证书就行了？apache服务器里配置就好了？
不存在的，不然我而不会昨天晚上熬到2点了，这里给自己点个赞！
我现在服务器使用的ngrok内网穿透，也就是说我自己的电脑就是服务器，具体了解请参考我的另一篇文章：Centos搭建Ngrok实现内网穿透

误区：

一开始我的思路就错了，我以为我的代理给本机做了转发，那么我只要将本地的apache配置证书就可以了(我类比成如果我的服务器是windows的，那的确是这个方法，但是我的服务器是在centos上用ngrok转发的)。后来想想也太蠢了，ssl证书在本地配置，浏览器怎么识别你是安全的网站呢？

转换思路：

应该是将ngrok中的证书替换，建立一条安全隧道，通过这条隧道访问的网站即是安全的，可以通过https验证
然后我哦开始着手找这方面的资料，百度上几乎没有这个词条，最后还是简书的一个兄dei的文章里看到了我想要的，但是说的比较笼统,还好他贴了原文，是GitHub上外国友人写的帖子

我英语也不好，直接用了google翻译，首先将下载下来的两个文件

将第一个重命名为1.key,第二个重命名为2.crt，传到ngrok的目录下，
启动ngrok

sudo ./bin/ngrokd -domain="abc.com" -tlsKey="1.key" -tlsCrt="/usr/local/src/ngrok/2.crt" &

ngrok 默认隧道端口：4443；http端口：80；https端口：443
本机的apache不用做任何修改只需要开放443端口就可以

访问测试：

大功告成！！！
啦啦啦啦~~~~
欢迎大家交流~！

原文地址:http://tencent.yundashi168.com/712.html