学习babylon.js --- [3] 开启https-Toy模板网

这篇具有很好参考价值的文章主要介绍了学习babylon.js --- [3] 开启https。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

babylonjs提供WebVR功能，但是使用这个功能得用https，本文讲述如何使用自签名证书来开启https，基于第二篇文章中搭建的工程。

一生成自签名证书

首先要安装openssl，这个去网上搜下就行了。安装完之后在终端下输入openssl回车可以出现openssl的命令行，
学习babylon.js --- [3] 开启https,babylon.js,学习,javascript,https
输入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')
        }

添加完毕后如下，
学习babylon.js --- [3] 开启https,babylon.js,学习,javascript,https

三运行server

回到MyProject目录下，执行下面命令去重新构建并运行server，

npm run build
npm run start

在运行完后，可以看到打印如下，已经支持https了
学习babylon.js --- [3] 开启https,babylon.js,学习,javascript,https
此时我们在浏览器里输入https://127.0.0.1:8080并回车，会出现如下提示，

这是正常的，因为证书是自签名的，不是正规证书，这里点击高级，然后点击继续前往127.0.0.1，

最后就可以再次看到熟悉的画面了，
学习babylon.js --- [3] 开启https,babylon.js,学习,javascript,https 文章来源地址https://www.toymoban.com/news/detail-587106.html