OSS上部署Html静态页面

2023-05-16

OSS收费简介及购买

1、只需9元,就可以购买有40G的存储空间。
2、内网读写不收费,外网写不收费,读收费。
3、登录阿里云,选择”产品”–>”对象存储OSS”,滑动到页面底部,购买试用版,如下图:
在这里插入图片描述
在这里插入图片描述

4、在本地创建一个index.html和error.html,并输入如下图代码
在这里插入图片描述在这里插入图片描述
5、进入OSS控制台,在左侧树形菜单中找到OSS对象存储,新建一个Bucket,上传上一步中的两个文件,如下图
在这里插入图片描述
6、设置当前Buncket为公共读,并配置默认的两个静态页面,如下图1-6,点击”概览”,即可看到阿里云给我们的外网链接如下图:
在这里插入图片描述
在这里插入图片描述
7、2018年10月之后,无法直接通过阿里云生成的外网链接进行静态页面的访问,想要访问自己的Buncket中的静态页面,则需要给这个Buncket配域名。
8、在阿里云里面购买域名(有一年只要十几块的),购买后对域名进行备案,备案的时候需要绑定备案号,即至少要绑一个ECS服务器,才能进行备案,备案成功后,才能使用该域名(具体流程请查看阿里云中的指引)。

9、域名备案好后,点击左侧菜单中的”域名”,如下图点击解析,进行域名的映射
在这里插入图片描述
10、点击”添加记录”按钮,在下图中记录类型选择CNAME,主机记录填写oss(三级域名的名称可自定义),记录值填写概览中OSS为我们生成的外网域名,点击确定即可看到有一条主机记录值为oss的记录,如下图
在这里插入图片描述
在这里插入图片描述
11、回到OSS控制台,点击”域名管理”,如下图1-11进行相关的操作:
在这里插入图片描述
12、点击”文件管理”,选中index.html,点击”预览”,自定义域名选中自己配置的,复制url,到浏览器中进行访问如下图index.html、error.html
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
13、OSS部署静态网站就到此结束了,需要构建自己的静态网站,可以如上步骤进行配置,并将相应的html、css、js文件上传到相应的buckter空间即可。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

OSS上部署Html静态页面 的相关文章

随机推荐