OSS 前端静态托管全流程

开通 OSS 服务

• 访问 阿里云官网，找到 对象存储 OSS
  
• 点击立即开通完成账号注册及开通后，进入OSS 控制台

创建 Bucket

• 按照指引点击创建 Bucket来创建一个部署前端代码的容器
  
• 版本控制选择不开通之后，参考下列提示一项项填写表单
  • Bucket 名称: 填写一个全网唯一英文的名称，单词之间用中横线-连接。
  • 地域: 选择一个离自己最近的网点。
  • Endpoint: 这里显示的是OSS域名的一、二级域名。随地域自动变换。
  • 存储类型: 作为一个经常被访问的前端页面，需要选择标准存储。其他两种虽然价格更低，但是读取方面有些限制。
  • 同城冗余存储、版本控制:不开启
  • 读写权限: 因为前端资源需要公开到网络上被大家自由获取，所以选择公共读，弹出的警告框选继续修改
  • 服务端加密方式、实时日志查询、定时备份均为默认的无或者不开通

Bucket 设置

• 创建成功后进入基础设置->静态页面
  
  • 点击静态页面的设置，默认首页设置为index.html,其他保持不变点保存
• 选择文件管理的上传文件，将index.html及同文件夹的所有文件拖拽至上传页面，点击上传文件
  
  

  阿里云处于安全考虑，通过自己域名获取的资源默认下载。所以我们需要绑定自己的域名

• 等待上传完成后找到传输管理->域名管理->绑定域名，填写要绑定的域名。
  
  • 若绑定的域名在当前账号内，可以自动完成添加CNAME记录的功能，打开自动添加 CNAME 记录的功能后点击提交即可。
    
  • 否则请在点击提交后，前往个人域名的控制台手动添加一条CNAME记录。

手动添加域名 CNAME

• 在OSS 控制台->概览->访问域名中找到外网访问这一行中的Bucket 域名,将其复制。
• 来到域名控制台中解析域名，参考下方提示添加一条记录。
  
  • 记录类型: 选择CNAME 将域名指向另一个域名。
  • 主机记录: 输入你在OSS配置的域名前缀。
  • 记录值: 粘贴你在Bucket 控制台复制的Bucket 域名
  • 其余保持默认。

完成 OSS 静态托管部署

• 配置完域名后，访问之前配置的域名，可以看到前端页面飞速加载了出来！