浅析如何使用阿里云对象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服务端渲染的应用,这种部署就不行了。此外必须要有已备案的域名。