浅析如何使用阿里云对象OSS进行前端代码部署还能加速以及其利弊

  通常的前端部署方式:把前端打包好的代码放到服务器(linux)目录下,然后通过nginx转发出去。但是会有前端SPA应用比较经典的白屏问题。

  后来了解到有些公司将前端项目部署在 OSS 里,还可以进行加速解析,实现解决前端代码白屏问题。故而学习了解下。

  (前提要有一个已经备案过的域名)

一、阿里对象存储OSS准备

1、申请阿里对象OSS

  登录账号,选择控制台,选择 oss,新建Bucket,创建Bucket(注意 Bucket 必须使用公共读)

2、查看bucket列表,点击 bucket,进入bucket,开启oss加速

  点击设置,这里我已经开启完成加速。

  以上,阿里对象OSS已经准备完成,下面传输文件

二、上传前端打完的包

1、阿里提供的有个工具,可以专门连接阿里OSS存储,即:ossbrowser

2、下载完之后并且解压后,双击启动,填入私钥信息

3、当然也可以直接在 oss 网页上进行上传

  至此,阿里oss中已经存在前端代码,下一步关联上自己备案号的域名

三、关联域名

1、同样从这两个位置可以找到域名的位置

2、创建二级域名(也可以使用一级域名)

  添加记录的时候,记录值需要到对象oss的bucket中,找到此bucket的外网访问域名

  在这里会有bucket的外网访问域名,复制下来。然后咱们接着新建二级域名

  这里创建完之后 二级域名就新建成功了。到此,基本都已经完成了,不过还需要再稍微配置一下对象oss

四、对OSS进行最后的配置

1、设置域名(这个域名就是第三步创建的二级域名)

2、设置静态网页

  在这里设置一下静态页面。

  到这里,所有的配置已经结束。下面直接访问你的二级域名吧,就可以直接访问你的页面了,并且页面显示速度还是非常快的。

五、OSS前端部署的利弊分析

  OSS可以自带CDN加速和gzip压缩,不需要我们额外在服务器上进行配置,所以纯静态网页使用这种方式部署还是可以的,比如SPA应用。

  但是如果是SSR服务端渲染的应用,这种部署就不行了。此外必须要有已备案的域名。

posted @ 2017-06-27 23:21  古兰精  阅读(1064)  评论(0编辑  收藏  举报