震惊!不买服务器,还可以用阿里云国际站 OSS 轻松搭建静态网站

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储OSS,敏感数据保护2.0 200GB 1年
对象存储 OSS,恶意文件检测 1000次 1年
简介: 在数字化时代,利用阿里云国际站OSS可低成本搭建静态网站。本文详解OSS优势及步骤:创建Bucket、上传文件、配置首页与404页面、绑定域名等,助你快速上线个人或小型业务网站,操作简单,成本低廉,适合初学者与中小企业。

在当今数字化时代,拥有一个属于自己的网站,无论是用于展示个人作品、开展小型线上业务,还是作为兴趣分享平台,都是一件极具吸引力的事情。然而,传统的网站搭建方式往往需要购买服务器,成本高且维护复杂,让许多人望而却步。但现在,有了阿里云国际站 OSS,这一切都变得简单且低成本,真正实现了小成本搭建静态网站的梦想。
一、什么是阿里云国际站 OSS?为何它能助力静态网站搭建?
阿里云国际站 OSS,即对象存储服务(Object Storage Service) ,是一种海量、安全、低成本、高持久性的云存储服务。它就像是一个超级强大的云端仓库,能存储海量的各类数据,包括构建静态网站所需的 HTML、CSS、JavaScript 文件,以及图片、音频等资源。使用 OSS 搭建静态网站,你无需再为购买、维护服务器操心,OSS 强大的功能足以支撑网站的稳定运行,且成本相较于传统服务器大幅降低。例如,一家小型电商企业,若采用传统服务器搭建静态展示网站,不仅要花费数千元购买服务器设备,每年的运维费用也高达数千元。而使用 OSS,每月可能只需花费几十元的存储和流量费用,成本优势一目了然。
二、搭建步骤详解
(一)准备工作
1,拥有阿里云国际站账号。
2,准备好静态网站的相关文件,包括 HTML 页面文件、CSS 样式文件、JavaScript 脚本文件以及图片等资源文件。你可以自己编写这些文件,也可以从一些开源网站下载合适的静态网站模板,稍作修改即可使用。一定得是静态的哦~无法搭建动态网站哈~
3,为这个网站准备一个自定义域名。
(二)创建 OSS Bucket
1,登录阿里云国际站 OSS 控制台。
2,在控制台页面,点击 “创建 Bucket” 按钮。
3,在弹出的创建 Bucket 窗口中,填写相关信息:
3.1,Bucket 名称:为你的 Bucket 取一个独特且易于记忆的名字,遵循命名规范,例如 “my - static - website - bucket” 。这个名字将在后续访问网站时作为重要标识。
3.2,地域:选择离你的目标访问用户最近的地域节点,以减少数据传输延迟。比如你的网站主要面向亚洲用户,可选择亚洲地区的合适地域。
3.3,存储类型:对于静态网站,一般选择标准存储类型即可,它能提供快速的数据访问速度,满足用户随时浏览网站的需求。
3.4,访问权限:设置为 “公共读” 权限,这样互联网上的用户才能正常访问你网站的内容。若设置为私有等其他权限,网站将无法被外部用户访问。
4,填写完信息后,点击 “确定” 按钮,Bucket 创建成功。
(三)上传网站文件
1,进入刚刚创建的 Bucket。
2,点击 “上传” 按钮,选择你准备好的静态网站所有文件,可以批量选择,一次性上传整个网站文件包。
3,等待文件上传完成,上传过程中可以看到进度条,显示上传的实时状态。
(四)配置静态网站
1,在 Bucket 详情页面,找到 “基础设置” 选项卡,点击进入。
2,在基础设置中,找到 “数据管理—静态网站” 功能模块,点击 “设置” 。
3,在静态网站设置页面,进行如下配置:
3.1,默认首页:填写网站的首页文件名,一般为 “index.html”,这是用户访问网站时默认打开的页面。
3.2,默认 404 页面:设置当网站出现错误时显示的页面文件名,如 “error.html” ,可提前准备好错误提示页面文件并上传到 OSS。
3.3,子目录首页:
选择不开通时候:此时访问静态网站根域名或者根域名下任何一个以正斜线(/)结尾的URL都会返回根目录默认首页。
选择开通时候:开通子目录首页后,访问静态网站根域名时,返回根目录默认首页。访问根域名下以正斜线(/)结尾的URL时会返回对应目录的默认首页。例如,访问示例中的https://examplebucket.oss-cn-hangzhou.aliyuncs.com/subdir/时,则返回subdir/目录下的默认首页文件index.html。
开通子目录首页后,通过文件404规则决定访问不存在的Object时的返回结果。例如,访问https://examplebucket.oss-cn-hangzhou.aliyuncs.com/exampledir,因示例中不存在exampledir文件,则根据设置的文件404规则返回对应信息:
Redirect(默认值):检查exampledir/index.html是否存在。
如果文件存在则返回302,并将访问请求重定向为https://examplebucket.oss-cn-hangzhou.aliyuncs.com/exampledir/index.html。
如果文件不存在则返回404,并继续检查https://examplebucket.oss-cn-hangzhou.aliyuncs.com/error.html。如果error.html页面也不存在该文件,则返回404状态码。
NoSuckKey:直接返回404,并继续检查https://examplebucket.oss-cn-hangzhou.aliyuncs.com/error.html。
Index:检查exampledir/index.html是否存在。
如果文件存在则返回200,并直接返回文件内容。
如果文件不存在,则继续检查https://examplebucket.oss-cn-hangzhou.aliyuncs.com/error.html。

综上所述:是否开通子目录,需要根据您静态网站,是否有子目录来决定。
4,配置完成后,点击 “保存” 按钮。
(五)绑定自己的域名
1,如果你有自己的域名,可以将其绑定到 OSS 上,让网站访问更具专业性和个性化。首先,在域名注册商处获取域名的解析管理权限。
2,回到 OSS 控制台,在 Bucket 的 “Bucket 配置—域名管理” 模块中,点击 “绑定域名” 。
3,输入你的域名,并按照提示完成域名解析配置。一般需要在域名解析管理界面添加相应的 CNAME 记录,将域名指向 OSS 分配的地址。
4,等待域名解析生效,生效时间一般在几分钟到几小时不等,具体取决于域名注册商的设置。
(六)测试网站
在浏览器中访问您的自定义域名URL以验证网站是否正常运行。

(七)关闭静态网站托管 (不需要的时候,可以操作关闭)
当您不再需要使用默认首页、默认404页等静态网站托管配置时,请按如下步骤关闭静态网站托管功能:

1,在左侧导航栏,选择数据管理 > 静态页面。
2,在静态页面区域,单击设置。
3,清空默认首页和默认404页配置,然后单击保存。
返回如下页面,表示已成功关闭静态网站托管功能。

至此,你的静态网站已经成功搭建在阿里云国际站 OSS 上,通过 Bucket 域名或者你绑定的自定义域名,就能在互联网上访问你的网站啦!阿里云国际站 OSS 为我们提供了一个便捷、低成本搭建静态网站的优质方案,无论是个人还是小型企业,都能轻松拥有自己的线上展示平台。赶紧行动起来,利用 OSS 开启你的网站搭建之旅吧!

相关实践学习
通义万相文本绘图与人像美化
本解决方案展示了如何利用自研的通义万相AIGC技术在Web服务中实现先进的图像生成。
相关文章
|
2月前
|
存储 运维 安全
阿里云国际站OSS与自建存储的区别
阿里云国际站对象存储OSS提供海量、安全、低成本的云存储解决方案。相比自建存储,OSS具备易用性强、稳定性高、安全性好、成本更低等优势,支持无限扩展、自动冗余、多层防护及丰富增值服务,助力企业高效管理数据。
|
2月前
|
存储 安全 API
某网盘不好用?有没有类似某网盘的存储软件?阿里云国际站 OSS:云存储的全能助手,你 get 了吗?
在数据爆炸时代,阿里云国际站OSS提供海量、安全、低成本的云存储服务,支持多种数据类型存储与灵活访问,助力企业与个人高效管理数据,降低存储成本。开通简便,操作友好,是理想的云端数据解决方案。
|
8月前
|
SQL 分布式计算 Serverless
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用
173 0
|
机器学习/深度学习 人工智能 专有云
人工智能平台PAI使用问题之怎么将DLC的数据写入到另一个阿里云主账号的OSS中
阿里云人工智能平台PAI是一个功能强大、易于使用的AI开发平台,旨在降低AI开发门槛,加速创新,助力企业和开发者高效构建、部署和管理人工智能应用。其中包含了一系列相互协同的产品与服务,共同构成一个完整的人工智能开发与应用生态系统。以下是对PAI产品使用合集的概述,涵盖数据处理、模型开发、训练加速、模型部署及管理等多个环节。
|
11月前
|
分布式计算 Java 开发工具
阿里云MaxCompute-XGBoost on Spark 极限梯度提升算法的分布式训练与模型持久化oss的实现与代码浅析
本文介绍了XGBoost在MaxCompute+OSS架构下模型持久化遇到的问题及其解决方案。首先简要介绍了XGBoost的特点和应用场景,随后详细描述了客户在将XGBoost on Spark任务从HDFS迁移到OSS时遇到的异常情况。通过分析异常堆栈和源代码,发现使用的`nativeBooster.saveModel`方法不支持OSS路径,而使用`write.overwrite().save`方法则能成功保存模型。最后提供了完整的Scala代码示例、Maven配置和提交命令,帮助用户顺利迁移模型存储路径。
|
存储 机器学习/深度学习 弹性计算
阿里云EMR数据湖文件系统问题之OSS-HDFS全托管服务的问题如何解决
阿里云EMR数据湖文件系统问题之OSS-HDFS全托管服务的问题如何解决
175 1
|
存储 运维 安全
阿里云OSS的优势
【7月更文挑战第19天】阿里云OSS的优势
619 2
|
存储 API 开发工具
阿里云OSS
【7月更文挑战第19天】阿里云OSS
1350 2
|
消息中间件 分布式计算 DataWorks
DataWorks产品使用合集之如何使用Python和阿里云SDK读取OSS中的文件
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
|
存储 弹性计算 对象存储
预留空间是什么?阿里云OSS对象存储预留空间说明
阿里云OSS预留空间是预付费存储产品,提供折扣价以锁定特定容量,适用于抵扣有地域属性的Bucket标准存储费用及ECS快照费。通过购买预留空间,如500GB通用预留+100GB标准-本地冗余存储包,用户可优化成本。
551 4

相关产品

  • 对象存储