七牛云图床开启HTTPS域名的两种方式

2024-04-11 02:48

本文主要是介绍七牛云图床开启HTTPS域名的两种方式,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

我的原文:https://hijerry.cn/p/64756.html

https下的http图片

因为自己一直用的是七牛云来管理博客图片,发现在chrome下用https访问博客时看不到博客里的图片,而使用safari访问https博客却可以正常看到图片。chrome报错如下:

打开chrome开发者工具可以发现,我的http图片被自动转成了https,而我在七牛云对象存储还没开启https访问,于是就报错了。Safari是不会做这种自动转换的,所以safari可以正常访问~

那我肯定不能忍啊,chrome必须得能看到图片,于是摸索了一下如何开启https。

域名:源站域名 vs CDN加速

打开七牛云对象存储->域名管理可以看到,七牛云支持两种方式给对象存储加域名:CDN加速域名、源站域名。详细的区别可以参考官方文档:对象存储 > 使用指南 > 控制台指南 > 空间管理 > 域名管理。

大致意思就是,源站域名是指请求直接打到对象存储。CDN加速的话,请求会打到边缘节点(而非对象存储),当节点找不到这个图片时,才会请求对象存储。所以理论上CDN域名速度 > 源站域名速度,这也只是理论上而已。大致过程如下图:

空间管理页面:https://portal.qiniu.com/kodo/bucket

源站域名,在上述页面直接点击右侧“配置HTTPS”,上传SSL证书后就可以开启https访问了。

CDN加速域名,则需要点击域名标题进入到CDN域名管理页面,再配置SSL证书:

配置SSL证书

无论哪种方式,开启HTTPS都需要申请一个SSL证书才行。

我的域名是管理在阿里云上的,所以我直接去阿里云申请免费的SSL

你还没购买的话,可以点击立即购买,选择免费的证书费用是0元。

完事之后可以免费创建20个证书~~

创建证书的时候,一定要填对域名呀!!

之后把Apache证书下载到本地,因为我们要把他上传到七牛云上~

下载后解压可以得到三个文件:

➜  7450261_static.hijerry.cn_apache ll
total 24
-rw-rw-r--@ 1 jerry  staff   1.6K  3 19 14:18 7450261_static.hijerry.cn.key
-rw-rw-r--@ 1 jerry  staff   1.6K  3 19 14:18 7450261_static.hijerry.cn_chain.crt
-rw-rw-r--@ 1 jerry  staff   2.1K  3 19 14:18 7450261_static.hijerry.cn_public.crt

打开七牛云的上传证书页面:https://portal.qiniu.com/certificate/ssl#cert

点击上传原有证书,把解压的xxx.key和xxx.public.crt的内容复制到下面两个框框内

然后再去源站域名/CDN加速域名开启HTTPS,选中这个证书就可以了~

费用对比

图床的费用有如下几个部分,价格和优惠可以查到。

  • 存储空间。0~10G 免费
  • CDN回源流量。0~10G 免费
  • 外出流量,0~100TB 0.28元/GB
  • CDN外出HTTP流量。0~10G 免费
  • CDN外出HTTPS流量。0~100TB 0.28元/GB

HTTPS方案有两种组合:

  • 源站域名:存储空间+外出流量
  • CDN加速域名:存储空间+CDN回源+CDN外出HTTPS

两种组合下,存储0~10G都是免费,而HTTPS流量都需要 0.28元/GB,焯焯焯

这篇关于七牛云图床开启HTTPS域名的两种方式的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/892882

相关文章

使用Sentinel自定义返回和实现区分来源方式

《使用Sentinel自定义返回和实现区分来源方式》:本文主要介绍使用Sentinel自定义返回和实现区分来源方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Sentinel自定义返回和实现区分来源1. 自定义错误返回2. 实现区分来源总结Sentinel自定

Springboot处理跨域的实现方式(附Demo)

《Springboot处理跨域的实现方式(附Demo)》:本文主要介绍Springboot处理跨域的实现方式(附Demo),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录Springboot处理跨域的方式1. 基本知识2. @CrossOrigin3. 全局跨域设置4.

springboot security使用jwt认证方式

《springbootsecurity使用jwt认证方式》:本文主要介绍springbootsecurity使用jwt认证方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录前言代码示例依赖定义mapper定义用户信息的实体beansecurity相关的类提供登录接口测试提供一

springboot security之前后端分离配置方式

《springbootsecurity之前后端分离配置方式》:本文主要介绍springbootsecurity之前后端分离配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的... 目录前言自定义配置认证失败自定义处理登录相关接口匿名访问前置文章总结前言spring boot secu

SpringBoot中封装Cors自动配置方式

《SpringBoot中封装Cors自动配置方式》:本文主要介绍SpringBoot中封装Cors自动配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot封装Cors自动配置背景实现步骤1. 创建 GlobalCorsProperties

Flutter打包APK的几种方式小结

《Flutter打包APK的几种方式小结》Flutter打包不同于RN,Flutter可以在AndroidStudio里编写Flutter代码并最终打包为APK,本篇主要阐述涉及到的几种打包方式,通... 目录前言1. android原生打包APK方式2. Flutter通过原生工程打包方式3. Futte

Docker镜像pull失败两种解决办法小结

《Docker镜像pull失败两种解决办法小结》有时候我们在拉取Docker镜像的过程中会遇到一些问题,:本文主要介绍Docker镜像pull失败两种解决办法的相关资料,文中通过代码介绍的非常详细... 目录docker 镜像 pull 失败解决办法1DrQwWCocker 镜像 pull 失败解决方法2总

在C#中调用Python代码的两种实现方式

《在C#中调用Python代码的两种实现方式》:本文主要介绍在C#中调用Python代码的两种实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录C#调用python代码的方式1. 使用 Python.NET2. 使用外部进程调用 Python 脚本总结C#调

Vue中组件之间传值的六种方式(完整版)

《Vue中组件之间传值的六种方式(完整版)》组件是vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用,针对不同的使用场景,如何选择行之有效的通信方式... 目录前言方法一、props/$emit1.父组件向子组件传值2.子组件向父组件传值(通过事件形式)方

Python实现Microsoft Office自动化的几种方式及对比详解

《Python实现MicrosoftOffice自动化的几种方式及对比详解》办公自动化是指利用现代化设备和技术,代替办公人员的部分手动或重复性业务活动,优质而高效地处理办公事务,实现对信息的高效利用... 目录一、基于COM接口的自动化(pywin32)二、独立文件操作库1. Word处理(python-d