OSS上部署Html静态页面

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空间即可。