简介 现在是大前端的时代,我们在本地开发 React 项目非常方便.这不是本文的重点,今天要分享一个话题是,如何为这些本地的项目,添加 https 的支持.为什么要考虑这个问题呢?主要有几个原因 如果该项目需要调用下层的 API, 并且该 API 是用 https的,则要求前端项目也用 https 如果你为 Teams 或者 Office 开发应用,他们要求这些应用必须用 https 本文参考了官方文档 https://create-react-app.dev/docs/using-https-…

一.什么是 SSL 证书,什么是 HTTPS 网站? SSL证书是数字证书的一种,类似于驾驶证.护照和营业执照的电子副本.SSL证书通过在客户端浏览器和Web服务器之间建立一条SSL安全通道(Secure socket layer(SSL)安全协议是由Netscape Communication公司设计开发.该安全协议主要用来提供对用户和服务器的认证:对传送的数据进行加密和隐藏:确保数据在传送中不被改变,即数据的完整性,现已成为该领域中全球化的标准.由于SSL技术已建立到所有主要的浏览器和WEB…

1.背景 本文适用于基于https(http+ssl)的网站通信.本地调试等,上线是请寻找免费 ssl证书申请. 本地调试过程中,一些特殊的场景需要我使用http+ssl通信,比如在Chrome中使用客户端麦克风. 笔者起初使用以下一些命令,在linux.windows进行自签名,但是没能得到Chrome的信任,本地Chrome版本76.0 1. 使用openssl生成密钥privkey.pem: openssl genrsa -out D:\develop\nginx-1.14.2\conf\…

前提: 先安装openssl,安装有两种方式,第一种直接下载安装包,装上就可运行:第二种可以自己下载源码,自己编译.这里推荐第一种. 安装包:http://slproweb.com/products/Win32OpenSSL.html 源码地址:https://github.com/openssl/openssl 看需要下载安装即可. 链接: https://pan.baidu.com/s/1pLBAabL 密码: kcbc 搭建步骤: 一.生成1024位的key 输入: openssl gen…

前提: 先安装openssl,安装有两种方式,第一种直接下载安装包,装上就可运行:第二种可以自己下载源码,自己编译.这里推荐第一种. 安装包:http://slproweb.com/products/Win32OpenSSL.html 源码地址:https://github.com/openssl/openssl 看需要下载安装即可. 链接: https://pan.baidu.com/s/1pLBAabL 密码: kcbc 搭建步骤: 一.生成1024位的key 输入: openssl gen…

注:高版本(14以上)docker执行login命令,默认使用https,且harbor必须使用域名,只是用ip访问是不行的. 假设使用的网址是:www.harbor.mobi,本机ip是192.168.75.100 因为这个网址是虚拟的,所以需要在本机hosts文件中添加 echo "192.168.75.100 www.harbor.mobi" >> /etc/hosts 修改harbor.yml配置文件 只是用https访问,关闭http访问 #set hostnam…

上篇博客使用Spring Boot开发Web项目我们简单介绍了使用如何使用Spring Boot创建一个使用了Thymeleaf模板引擎的Web项目,当然这还远远不够.今天我们再来看看如何给我们的Web项目添加https支持.在阅读本篇博客之前,强烈建议先读使用Spring Boot开发Web项目这篇博客,否则可能会有对Spring Boot不太了解的小伙伴看的云里雾里. 什么是https 要说https我们得先说SSL(Secure Sockets Layer,安全套接层),这是一种为网络通信…

用keytool制作证书并在tomcat配置https服务(一) 用keytool制作证书并在tomcat配置https服务(二) 用keytool制作证书并在tomcat配置https服务(三) 上一篇我们实现了服务端自己模拟CA认证,那么有个问题. 一个客户端和服务端对接就需要把这个客户端的证书拿来导入到服务端的密钥库中.那么很多客户端要对接,就要多次导入. 可以这样,让客户端发送证书的csr文件给我们,我们用模拟的CA密钥库对客户端证书也进行签名颁发. 然后把签名后的证书发送给他,让他自己…

准备 本地已经安装Docker 一.添加Docker支持 第一步:查看本地Docker服务状态 第二步:项目添加Docker支持 第三步:选择Linux容器 第四步:点击启动 第五步:确认Docker状态 第六步:访问服务 第七步:设置断点,刷新,可以看到,支持调试服务.…

用SPA做微信h5,调用微信jssdk的页面,安卓微信上木有问题,ios微信报当前url未注册 经过调试,是ios微信版本问题导致页面跳转url未变化,导致验签失败 所以我们大致的思想就是:在ios微信环境中(判断浏览器环境请参考我的另一篇文章–js判断浏览器环境),如果跳转页面与当前页面的url不一致,那么就重载刷新整个跳转页面 因为项目使用vue,所以我们使用vue-router的钩子函数beforeRouterEnter()来做此操作 将钩子函数写入js模块,使用时候混入页面vue实例选项…