简介
在进行前端开发时,我们经常需要使用 oAuth、HTTPS 等协议来进行数据传输,而这些协议需要使用 HTTPS 相应的证书来进行加密处理,以增加数据的安全性。同时,在本地开发环境中,我们也需要使用 HTTPS 来进行调试或测试。
但是在本地开发环境中,使用自签名证书或者免费证书,可能会引发一些安全问题。因此,有必要使用合法的证书进行开发。
而 npm 包 localhost.daplie.me-certificates 正是用于在本地开发环境下生成有效的 HTTPS 证书。
安装
使用 npm 进行安装:
npm install -g localhost.daplie.me-certificates
使用
使用该 npm 包时,我们需要进行以下步骤:
生成证书
在终端输入以下指令,生成证书及密钥文件:
generate-certs
以上指令将会生成 rootCA.pem
、localhost.crt
、localhost.key
三个文件,分别为根证书、本地证书及本地证书的密钥文件。
安装证书
在 Mac 或 Linux 等环境下,可以通过以下步骤来安装证书:
- 将
rootCA.pem
文件拷贝到/usr/local/share/ca-certificates/
目录下
sudo cp rootCA.pem /usr/local/share/ca-certificates/
- 执行更新证书库操作
sudo update-ca-certificates
在 Windows 等环境下,则需要在系统安装证书中进行添加。
配置本地开发环境
在进行本地开发时,我们需要将域名指向 localhost
,并在启动项目时进行 HTTPS 配置。例如,我们可以通过 webpack-dev-server
进行配置:
devServer: { https: true, host: 'localhost', port: 8080, publicPath: '/', hot: true, // ... }
至此,我们就能在本地开发环境下使用 HTTPS 进行调试或测试了。
指导意义
使用本地环境生成并安装证书,不仅是为了解决安全性问题,同时也能使开发环境更加贴近真实环境,从而提高开发效率和开发质量。
在使用该 npm 包时,我们还需要注意以下几点:
- 该证书只能用于开发环境使用,不能用于生产环境;
- 需要使用正式的证书时,请在正式环境下使用审核过的证书。
示例代码
-- -------------------- ---- ------- ----- ----- - ----------------- ----- -- - -------------- ----- ------- - - ---- --------------------------------- ----- -------------------------------- -- --------------------------- ----- ---- -- - ------------------- -------------- ---------- ----------------
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056be481e8991b448e59b9