学习babylon.js --- [3] 开启https

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
在这里插入图片描述
最后就可以再次看到熟悉的画面了,
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/29654.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Python测试框架Pytest的基础入门

Pytest简介 Pytest is a mature full-featured Python testing tool that helps you write better programs.The pytest framework makes it easy to write small tests, yet scales to support complex functional testing for applications and libraries. 通过官方网站介绍…

容器云平台监控告警体系(四)—— Golang应用接入Prometheus

1、概述 目前容器云平台中的容器仅支持获取CPU使用率、内存使用率、网络流入速率和网络流出速率这4个指标,如果想监控应用程序的性能指标或者想更加细粒度的监控应用程序的运行状态指标的话,则需要在应用程序中内置对Prometheus的支持或者部署独立于应用…

OpenCV for Python 学习第四天 :通道的获取与合并

上一篇博客,我们学习了如何通过更快的item()和itemset()的方法访问图片,以及了解了图像的兴趣位置的获取方法,那么今天,我们将学习通道的处理方法,通过通道的拆分和合并的实例,让大家更好的了解咱们有关于B…

架构训练营学习笔记:4-2 存储架构模式之复制架构

高可用的关键指标 问题:分为故障跟灾难。不是有了多活架构就不在用复制架构 ,还是之前的合适原则:多活架构的技术复杂度 跟成本都比复制架构高。 高可用的关键指标 恢复时间目标(RecoveryTimeObjective,RTO)指为避免在灾难发生后…

EasyCVR录像阈值配置未生效,是什么原因?

有用户反馈,在平台中设置了录像阈值不生效,导致磁盘爆满。针对该反馈,我们立即进行了排查。 EasyCVR基于云边端一体化架构,可支持多协议、多类型设备接入,在视频能力上,平台可实现视频直播、录像、回放、检…

软件测试测试用例

等价类:把输入的数据可以分为有效的数据和无效的数据 被测试的对象输入的数据: 1、有效的数据 2、无效的数据 测试一个产品,需要考虑它的正确场景,也需要考虑它的异常场景 边界值:边界值测试用例是针对等价类测试用例方法的补…

Stable Diffusion学习笔记

一些零散笔记 灰常好的模型网站 LiblibAI哩布哩布AI-中国领先原创AI模型分享社区 出图效率倍增!47个高质量的 Stable Diffusion 常用模型推荐 - 优设网 - 学设计上优设 关键词Prompt顺序 画质 风格 主体 外表、描述 表情、情绪 姿势 背景 杂项 同时可以…

星火认知大模型,让我感受到了国产AI的崛起

文章目录 一、申请和测试代码二、实测GPT4.0和星火认知大模型的对比2.1 测试网站2.2 经典问题提问对比2.3 代码问题提问对比2.4 论文问题对比2.5 评价 一、申请和测试代码 在我之前的一篇文章中,我分享了如何申请星火认知大模型的内测,并提供了一份可以…

在分区工具上,格式化分区和删除分区. 两者有什么不一样吗?

1.格式化分区:就是重建文件系统,等于把目标分区的数据全部清掉。 删除分区:你删除后可以再重新分区,可以分区多个分区,前提是“删除分区”的大小足够大。分了区,还必须格式化,才能用。 只有分了…

Lottie源代码解析

Lottie-iOS Lottie动画的原理: 一个完整动画View,是由很多个子Layer 组成,而每个子Layer主要通过shapes(形状),masks(蒙版),transform三大部分进行动画。Lottie框架通过…

Spring Data JPA使用规则和审计的学习

一、引入依赖 完整的pom文件如下所示: <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http…

rabbitmq部署(docker方式)

前言&#xff1a;rabbitmq一旦有漏洞&#xff0c;版本升级麻烦&#xff0c;于是改为docker部署 环境&#xff1a;centos7 #停掉之前的服务 systemctl stop rabbitmq-server systemctl disable rabbitmq-server 查了官网&#xff0c;当前3.11.x 最高版本是3.11.19, 虽然3.12…