快速使用云存储搭建静态网站

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储 OSS,恶意文件检测 1000次 1年
对象存储 OSS,内容安全 1000次 1年
简介: 用OSS作服务器话,就可以很好的应对大流量的那几天的访问,而且平时几乎没用费用产生,并且没有带宽限制,真正的按流量掏钱,成本急剧降低。

背景

随着时代进入DT时代,更低廉的成本和更加易于扩展的特点都是应该成为我们关注的重点。如果您有一个网站,网站的访问量很大、很稳定,恭喜您,请继续保持使用我们的ECS服务器。如果您的网站才刚成立或者网站的平时流量较小,偶尔会有大流量的情况。那么问题来了,继续租一台ECS服务器,流量不敢设置太小了,最低配置加上4Mb的带宽,是不是觉得成本有点高了?

但是换个思路,换成用OSS作服务器话,就可以很好的应对大流量的那几天的访问,而且平时几乎没用费用产生,并且没有带宽限制,真正的按流量掏钱,成本急剧降低。

方案

使用OSS搭建一个静态网站,主要分为以下步骤:

1.申请一个域名

2.开通OSS并创建Bucket

3.开通OSS的静态网站托管功能

4.使用自定义域名访问OSS

简单说就是用户可以基于OSS搭建一个简单的静态网页。用户开启此功能后,OSS提供了一个默认的首页和默认的404页面功能, 具体参见开发人员指南中静态网站托管的介绍。

具体操作步骤

1.申请域名

本文的域名是从万网购买的,申请了一个leo23.xyz的域名。 如果需要更多域名方面的帮助,请参见http://wanwang.aliyun.com/

2. 开通OSS并创建Bucket

登录OSS控制台,创建一个Bucket为imgleo23,创建在上海Endpoint为oss-cn-shanghai.aliyuncs.com。 如图所示:

900a241e203574a4c654a3654f27e7a0ed12a946

将Bucket的权限设置为公开读。

e2bb469fe7a4a8ec8c32df3b0caa1aeb3c76b21b

上传index.html和error.html文件内容,如图所示:

248ef70e9042aa67fe3b50d6d7d38f4ca7a55948

其中index.html的内容为:

<html>

<head>

<title>Hello OSS!</title>

<meta charset="utf-8">

</head>

<body>

<p>欢迎使用OSS静态网站的功能</p>

<p>这是首页</p>

</body></html>

error.html的内容为:

<html>

<head>

<title>Hello OSS!</title>

<meta charset="utf-8">

</head>

<body>

<p>这是OSS静态网站托管的错误首页</p>

</body></html>

aliyun-logo.png是一张图片。

3.开通OSS的静态网站托管功能

如图所示,登录控制台后,将默认首页设置为上文中的index.html,将默认404页设置为上文中的error.html。

ecbd3729c7beb2ac4d633e6eeb0ea045dbd379d0

检验静态网站托管功能,输入如图所示的URL地址:

  • 显示默认的首页
d68bfa68297f89d770c33901ed6539c9b17f473f

可以看到输入类似URL的时候,会显示开通时指定的index.html中的内容。

  • 显示默认的404页
87406253cb8dfb514a53a0c5e8e6846096690f50

可以看到输入的URL没有对应的文件时,会显示开通时指定的error.html中的内容。

  • 显示正常的文件
36f9aad252b39ff7ccfff72ba190df050b735bc1

可以看到输入的URL有对应的文件时,会读取成功。

这里可能会出现一个问题,就是用户发现实际使用中,浏览器的行为是下载,而不是直接在浏览器上展示。这是OSS的行为。与用户无关如果需要在浏览器中直接显示,需要用户用自定义域名的方式来使用静态网站功能。

4.使用自定义域名访问 OSS

开发人员指南中的自定义域名访问 OSS有介绍如何实现自定义域名访问 OSS,这里不多说。直接来看最后的效果。

  • 显示默认的首页

364878750ed5af7cc72f6d52bed35ea4bc252f5b

  • 显示默认的404页

c1e9cb2d8b2bf99ef1b05d7e7e160f4c6043a295

  • 显示正常的文件

a7642a2ad0fdd5cb4d4875f2f97c05d83729ee6a

这样一个简单的静态网站就实现了。

常见问题及解决方案

1. 为什么我设置的静态网站托管网页是直接下载的?静态html网页通过url访问为下载不是浏览?怎么解决?答:由于国内互联网访问的备案制度,OSS默认的行为会变成下载。这个时候需要用户改用自定义域名访问 OSS

2.OSS静态网站托管对客户来说有什么好处?答:在用户需求比较简单的时候,且访问量比较小的时候,可以省掉一台ECS。如果访问量大一点,可以考虑结合CDN来使用。

3.价格怎么样?如何和CDN结合答:1价格可以参考官方网站OSS的价格,CDN的价格也可以参考官方网站CND的价格,官网地址www.aliyun.com2 结合的例子可以参考CDN加速OSS实践

4.默认的首页和默认的404页面都需要设置吗?答:默认首页需要设置,但默认404页面可以不用设置。

5.为什么输入的URL在浏览器上返回403?答:有可能Bucket的权限不是公开读。也有可能是因为欠费被停止使用。

相关文章
|
网络协议 前端开发 网络安全
自建Alist共享网盘网站
由于百度网盘下载限速,所以就用了天翼云,坚果云,阿里云等,结果每次都要登录,就很拉跨, 所以在这里部署一套共享alist网盘,实现随时随地,只要有网,开箱即用。
6552 1
|
存储 数据库 对象存储
7款WordPress图片分离对象存储插件 含国内主流云服务存储商
如果我们有用WordPress搭建网站的朋友应该会发现网站文件和数据库其实没有多大,在网站运营几年后数据最大的就是图片。而且图片占用服务器的空间会搬家比较麻烦,而且占用服务求的带宽。我们看到很多的WordPress站点加速教程中是不是有提到建议图片和网站数据分离存储,将图片存储到其他服务器或者用云服务商的对象存储存储图片,起到分离加速的效果。
862 0
7款WordPress图片分离对象存储插件 含国内主流云服务存储商
|
数据安全/隐私保护 Docker 容器
厉害了,如何搭建一套自己的私有网盘?
本文教大家用docker搭建一款自己的私有网盘,教程给大家分享一下。 开源云盘选择 搭建前我仔细看了一下各个开源私有云盘的实现,有以下几种:
321 0
厉害了,如何搭建一套自己的私有网盘?
|
域名解析 小程序 网络协议
1分钟部署一个属于自己的网站,借助云开发静态网站部署属于自己的网站
1分钟部署一个属于自己的网站,借助云开发静态网站部署属于自己的网站
116 0
|
域名解析 JavaScript 小程序
1分钟部署vue静态网站,借助云开发静态网站部署属于自己的网站
1分钟部署vue静态网站,借助云开发静态网站部署属于自己的网站
727 0
|
CDN
阿里云5大基础产品——CDN内容分发网络
阿里云5大基础产品——CDN内容分发网络自制脑图
133 0
阿里云5大基础产品——CDN内容分发网络
|
安全 搜索推荐 SEO
如何选择网站托管服务公司?网站托管服务有哪些注意事项
当今互联网环境下,企业把网站外包给专业的网站托管公司已成为企业在网络市场寻求长远发展的关键条件,通过网站托管服务,企业网站既能获得更加专业的技术和服务支持,又能大大降低企业运营成本,同时网站运营效果也能得到更好的保证。
164 0
如何选择网站托管服务公司?网站托管服务有哪些注意事项
|
运维 监控 安全
为什么要选择网站托管服务?网站托管服务的好处是什么
网站托管不但可以解决企业在网站建设后缺乏专业人员运营维护的问题,让专业的人做专业的事情,还可以通过网站托管服务,提升网站的搜索排名为企业带来品牌效益。
195 0
为什么要选择网站托管服务?网站托管服务的好处是什么
|
云安全 边缘计算 缓存
阿里云国际版CDN解决方案-适用于任何内容类型加速分发的基础云服务
阿里云内容分发网络CDN(Alibaba Cloud Content Delivery Network)是建立并覆盖在承载网之上,由遍布全球的边缘节点服务器群组成的分布式网络。阿里云CDN能分担源站压力,避免网络拥塞,确保在不同区域、不同场景下加速网站内容的分发,提高资源访问速度
阿里云国际版CDN解决方案-适用于任何内容类型加速分发的基础云服务
|
安全 大数据 数据挖掘
重磅,无需特殊工具,直接访问网站!
还在等什么,快来一起讨论关注吧,公众号【八点半技术站】,欢迎加入社群
重磅,无需特殊工具,直接访问网站!