在前端项目开发中，我们常常需要使用 HTTPS 协议来保证数据的传输安全性。虽然我们可以通过自己的 CA 证书来进行签名，但这样比较麻烦，而且有时候并不需要那么高的安全级别。因此，我们可以使用 self-signed 作为一种简单的解决方案。self-signed 是一个 npm 包，用于创建自签名的 HTTPS 服务器。
本文将介绍如何在你的项目中使用 self-signed 包来创建自签名的 HTTPS 服务器。
安装 self-signed
首先，我们需要在项目中安装 self-signed 包。在命令行中输入以下命令：
npm install self-signed --save-dev
使用 self-signed
创建 HTTPS 服务器
接下来，我们可以在服务器上使用 self-signed 包创建 HTTPS 服务器。我们可以在文件中创建一个 Node.js 服务器并创建一个 HTTPS 服务器来监听它，如下所示：
-- -------------------- ---- ------- ----- ---------- - ----------------------- ----- ----- - ----------------- ----- -- - -------------- ------ ---------- - ----- ----- - -- ----- ------------- ------ ----------- --- ----- ---- - ----- -------------------------- - ----- --- --- ----- ------- - - ---- ------------- ----- --------- -- --------------------------- ----- ---- -- - ------------------- --------------- --------- --------------- -----展开代码
这段代码使用 self-signed 包生成一个自签名的证书，并使用 Node.js 中的 https.createServer() 方法来创建一个 HTTPS 服务器。
其中，attrs 指定了证书中的主要属性，这里我们指定了 commonName 为 localhost。days 指定了证书的有效期为一年。 generate() 方法返回一个对象，其中包括私钥和公钥。options 对象包含了私钥和公钥，将这个对象传递给 createServer() 方法，就可以创建一个 HTTPS 服务器。
在浏览器中查看证书
打开浏览器，输入 https://localhost，就可以看到新创建的 https 服务器的首页。有时候会提示证书有问题，我们需要手动信任一下这个证书。
在 Chrome 浏览器中，以下是证书的安装过程：
点击页面中的“高级”按钮。
接下来点击“继续前往localhost（不安全）”按钮。
点击右上角的“证书”图标，选择“管理证书”。
选择“受信任的根证书颁发机构”选项卡，并单击“导入”。
选择之前运行
self-signed包生成的证书，并点击“打开”按钮。继续点击“下一步”、“完成”按钮，并关掉窗口。
遇到的问题
使用 self-signed 时，可能会遇到一些问题。以下是一些示例：
问题 1：证书过期
证书的有效期默认为一年，如果你的证书过期了，可以在运行时为 generate() 方法指定一个新的 expires 参数来设置有效期。
问题 2：证书和私钥不匹配
在使用 generate() 方法创建新的证书和私钥时，必须使用返回的对象中的 private 属性和 cert 属性。在一些地方，比如 Apache 的配置文件中，你需要将证书和私钥存储在两个不同的文件中。如果遇到这样的问题，可以使用 pems.private 和 pems.cert 属性来分别存储证书和私钥。
问题 3：在 Windows 上无法启动成功
在 Windows 上，如果使用默认的 127.0.0.1 或 localhost 作为主机名，self-signed 可能无法启动成功。这是因为 Windows 在其 hosts 文件中将 127.0.0.1 映射到了 localhost，导致 HTTPS 服务器无法在 localhost 上启动。解决办法是将主机名设置为其他名称，比如 my-app.com。
结论
使用 self-signed 包非常简单，它可以帮助我们使用 HTTPS 协议来保护数据的传输安全性，而且可以在短短几分钟内完成证书的创建和 HTTPS 服务器的设置。希望本文能够帮助你学习如何使用 self-signed 包来创建一个自签名的 HTTPS 服务器，以及如何解决可能会遇到的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc4e3b5cbfe1ea06121b2
