babylonjs提供WebVR功能,但是使用这个功能得用https,本文讲述如何使用自签名证书来开启https,基于第二篇文章中搭建的工程。
一 生成自签名证书
首先要安装openssl,这个去网上搜下就行了。安装完之后在终端下输入openssl回车可以出现openssl的命令行,
输入q然后回车可以退出。
在MyProject目录下创建certificates目录,然后在终端下cd进入该目录,后面按照如下步骤操作,
-
生成key.pem
openssl genrsa -out key.pem
-
生成csr.pem
openssl req -new -key key.pem -out csr.pem
生成过程中会提示填一些信息,随便填就可以了
-
生成自签名证书cert.pem
openssl x509 -req -days 9999 -in csr.pem -signkey key.pem -out cert.pem
这样需要的证书文件就准备好了。
二 工程使用自签名证书
首先关闭server程序,然后打开工程目录下的webpack.config.js,在devServer里添加以下语句,
https: {key: fs.readFileSync('./certificates/key.pem'),cert: fs.readFileSync('./certificates/cert.pem')}
添加完毕后如下,
三 运行server
回到MyProject目录下,执行下面命令去重新构建并运行server,
npm run build
npm run start
在运行完后,可以看到打印如下,已经支持https了
此时我们在浏览器里输入https://127.0.0.1:8080并回车,会出现如下提示,
这是正常的,因为证书是自签名的,不是正规证书,这里点击高级
,然后点击继续前往127.0.0.1
,
最后就可以再次看到熟悉的画面了,