windowsserver2008为什么制作的网站打不开_??自签名证书的httpserver来了!

忍了一年多了&＃xff0c;我最终打算对http-server进行魔改。

本文面向的读者朋友&＃xff1a;
前端开发工程师、测试工程师、其它需要内网静态文件服务的软件开发人员。

看过我以前文章的老铁都知道&＃xff0c;傲天君是一名前端开发工程师。做前端吗&＃xff0c;经常会做一些demo页面&＃xff0c;然后把demo页面发给产品&＃xff0c;测试以及领导看看。

所以我经常使用一款工具就是http-server&＃xff0c;它是一款非常火爆的nodejs库&＃xff0c;可以在命令行快速地搭建一个http/https静态文件服务。

因为我做的开发业务大部分涉及webRTC方面&＃xff0c;所以我需要启用了https的静态文件服务。这是因为浏览器的安全限制。要求涉及请求用户电脑摄像头、麦克风、桌面视频流等等浏览器权限时候&＃xff0c;你的网页必须是https开头的&＃xff0c;也就是不能是http开头的。

当然你的https证书是不是有问题&＃xff0c;浏览器不关心。自签名的证书同样是允许的&＃xff0c;只要测试用户接受安全警告就可以了。&＃xff08;如下图所示&＃xff0c;点击继续访问&＃xff0c;表示我明白并接受这个风险&＃xff09;

说个题外话&＃xff0c;我记得我上大学那几年&＃xff08;12-16年&＃xff09;&＃xff0c;咱们的12306网站一直都有这个证书问题&＃xff0c;我实在搞不明白为啥子12306就是不修复呢&＃xff1f;

好吧&＃xff0c;回到http-server主题&＃xff0c;那么我为什么要魔改它呢&＃xff1f;

因为它的https启动方式实在是太麻烦了&＃xff01;

我先上个命令行代码给大家感受一下&＃xff1a;

我知道各位老铁都知道各个参数的含义&＃xff0c;但是我还是想解释一下各个参数&＃xff1a;

我第一次使用的时候&＃xff0c;以为 -K 与-C参数可以不设置&＃xff0c;然后http-server给我一次重拳出击!

难受&＃xff01;http-server必须要求我提供证书的私钥与密钥&＃xff01;

我当时就纳闷了&＃xff0c;你这个工具本来就是开发测试阶段使用的&＃xff0c;一般情况哪来的证书啊&＃xff1f;就算有证书也都是自签名的证书&＃xff0c;你http-server 就不能在内部自己生成一个自签名的证书吗?

还别说&＃xff0c;关于这个问题还真有老铁在http-server的讨论里面反馈&＃xff0c;并且有老铁还把代码写好了&＃xff0c;提交给官方组织&＃xff0c;但是&＃xff01;&＃xff01;官方认为http-server不应该自动创建自签名证书&＃xff01;&＃xff01; &＃xff08;当然这个老铁写的代码质量也有点问题&＃xff09;

用我的Google翻译拙劣地美化一下&＃xff1a;

难受啊&＃xff01;没办法了&＃xff0c;我傲天君决定魔改你们的http-server了。

是的&＃xff0c;当我写这篇文章的时候&＃xff0c;我已经把代码写好了&＃xff0c;它就是http-server-v2&＃xff1a;

http-server-v2的使用参数与http-server 完全一模一样&＃xff01;&＃xff01;

所以你不用担心有额外的学习成本。

但是http-server-v2可以帮你自动生成自签名证书&＃xff0c;如果你没有指定证书的话&＃xff01;

我们来看一看怎么使用的&＃xff01;

(Tip : 当各位老铁看到这篇文章的时候&＃xff0c;项目已经更名为hs2&＃xff0c;应官方的要求&＃xff0c;但是功能都一样)

安装

没有问题&＃xff0c;这很简单。

对于非前端玩家&＃xff0c;需要安装nodejs^[1]&＃xff0c;npm是nodejs的包管理工具&＃xff0c;nodejs在windows下安装非常简单&＃xff0c;傻瓜式&＃xff0c;path自动添加到系统变量里面&＃xff0c;安装后开箱即用。

使用

这里解释一下&＃xff0c;为什么使用hs2而不是以前的http-server or hs 命令?

很简单&＃xff0c; http-server-v2决定使用 hs2 作为命令名称。这样你就可以在你的电脑既安装http-server&＃xff0c;又安装 http-server-v2

结尾

希望这个工具各位开发者老铁会喜欢&＃xff0c;关于实现的细节也很简单。

就是当-S模式的使用&＃xff0c;判断有没有可用的证书&＃xff0c;如果没有可用的证书就自动创建一个自签名证书。自签名证书的生成算法使用了第三方库 selfsigned 。我看了它们的代码&＃xff0c;优雅&&简洁。

代码参考了著名的webpack-dev-server &＃xff0c;搞webpack那一套的老铁都知道这个插件&＃xff0c;它就支持自动生成自签名证书然后提供https服务。我看了他们的代码&＃xff0c;才知道原来有selfsigned这个工具&＃xff0c;我以前还误以为dev-server自己实现了一套生成证书算法呢。

类似Tomcat这样的容器也能实现http-server-v2的部分功能&＃xff0c;但是没有http-server-v2方便&＃xff0c;因为Tomcat需要把文件放到它的webapps目录下&＃xff0c;而http-server-v2是非侵入式的&＃xff0c;命令行切换到需要静态文件服务的文件夹&＃xff0c;一行命令就服务&＃xff01;

TODO

• 支持detached mode&＃xff0c;即可以后台运行&＃xff0c;计划使用pm2。方便在linux机器上面使用。
• 搞个帅气一点的LOGO&＃xff0c;但是我不会UI设计啊。。。

更新

• 2020年3月18日

昨天官方成员BigBlueHat给我评论&＃xff0c;建议我不要使用http-server-v2这样的名称&＃xff0c;因为这看起来会让别人觉得它是http-server官方的一个项目&＃xff0c;那好吧~ 换个名字吧&＃xff0c;就叫hs2吧

So 就是这样&＃xff0c; bye~

霸都丶傲天 write on 2020年3月17日

题外话

• 什么是静态文件服务?静态文件服务能帮助我做什么?

静态文件服务就是提供静态文件访问的服务。什么是静态文件&＃xff1f;你电脑上的任何文件都是静态文件&＃xff0c;用这个服务可以让内网中的其它用户通过浏览器访问你电脑的文件&＃xff0c;也可以部署你的html代码&＃xff08;最常用&＃xff09;。
比如&＃xff0c;你想发送一个doc文档给你的同事小张&＃xff0c;那么你只要在这个doc文档的所在目录运行hs2 &＃xff0c;然后hs2会在控制台提示你浏览器访问该文件的网址是多少。之后你把这个网址发送给小张就可以了&＃xff0c;他可以享受内网的飞速下载&＃xff08;一般都是10MB/s以上的下载速度&＃xff09;
如果你觉得发送一个doc文档用QQ就可以完成&＃xff0c;那么对于很大的文件&＃xff0c;QQ可能就不是那么好用了。而且许多大公司不允许使用QQ发送文件&＃xff0c;因为这样不安全。一般这样的大公司诸如华为、滴滴、腾讯都有自己的内部腾讯软件。比如华为的Espace&＃xff0c;腾讯的腾讯通。我都用过&＃xff0c;它们最大的问题就是传输速度极慢&＃xff0c;让人发指。尤其是腾讯通&＃xff0c;我都搞不明白你的QQ都支持内网文件传输&＃xff0c;为什么你的腾讯通都不支持&＃xff0c;而且腾讯通还是企业版QQ。。。

相关文章

参考

1. ^nodejs官方下载地址 https://nodejs.org/en/download/