七牛云还能这么玩

简介: 七牛云还能这么玩

0.jpg

七牛云



七牛云最广为人知的就是其云存储的功能,在七牛云上可以存储各种各种的文件资源,并且每一个文件都会生成一个公网的链接,访问此链接既可以得到对应的文件资源,而在实际的开发中,我们也常常会用它来保存图片、视频等等文件,这样在数据库中,这些文件资源对应存储的就都只是 URL 地址了。


当然除了云存储外,七牛云还有 CDN 加速、数据处理、直播云服务、SSL 证书服务等等功能,这里就不一一介绍了。


另外值得一提的是,每一位普通用户都可以免费创建 20 个存储空间,每个空间拥有 10 G 大小的免费容量,每个月 10 万次免费的 PUT/DELETE 请求,100 万次免费的 GET 请求,当然超过免费限额的话按梯度收费,费用也非常低,总之就是非常实惠非常好用。


用七牛云作为“前端 web 服务器”



传统的前端工程一般会部署到 nginx 或 node 服务器上,而 nginx 或 node 服务器部署在哪?要么是普通的主机,要么就是阿里云这种云主机。现在我们不这样玩,直接用七牛云。


先准备几个简单的前端工程文件如下:


index.html 文件:640.jpg

mycss.css 文件:640 (1).jpg

control.js 文件:640.png

另外还有一张背景图片。

html、css、js、图片资源都有了,以上示例也非常的简单,就是显示了两句话和一个按钮,点击这个按钮会替换掉其中的一句话。


当然这些都不是重点,现在我们把这些文件全部传到七牛云上面去,并且修改所有静态文件的引用,之前都是引用的本地下的资源文件,现在改为引用七牛云生成的链接地址。


css 文件:


html 文件:


最后我们再去获取 index.html 文件的 URL 地址 ( http://opbvyym5d.bkt.clouddn.com/index.html ),并在浏览器中打开,运行完好。


绕了这么一个大圈子,你明白了所谓的把七牛云作为“前端 web 服务器”了吗?简而言之,就是将所有的静态文件上传到七牛云并得到对应的 URL 地址,然后将所有引用这些静态文件的地方换成此前得到的 URL 地址,最后访问 index.html 文件的 URL 地址即可以展现出你的前端工程。


当然这种玩法只能对静态文件这样搞搞,不过没想到的是平时用来存储资源的七牛云还能这样玩。

目录
相关文章
|
存储 安全 数据管理
阿里云OSS图床搭建
阿里云OSS图床搭建
8524 3
|
存储 API 开发工具
使用阿里云对象存储OSS+PicGo搭建图床
使用阿里云对象存储OSS+PicGo搭建图床
6440 0
使用阿里云对象存储OSS+PicGo搭建图床
|
存储 Java 应用服务中间件
七牛云和阿里云OSS存储图片服务器使用
七牛云和阿里云OSS存储图片服务器使用
1824 0
|
对象存储
从零玩转文件上传之七牛云1
从零玩转文件上传之七牛云
150 0
|
缓存 网络安全 对象存储
从零玩转文件上传之七牛云2
从零玩转文件上传之七牛云
91 0
|
网络安全 CDN
从零玩转七牛云之CDN
从零玩转七牛云之CDN
268 0
|
存储 API 对象存储
手把手教你Typora图床配置(PicGo+阿里云OSS/腾讯云COS)
手把手教你Typora图床配置(PicGo+阿里云OSS/腾讯云COS)
2396 0
|
前端开发 JavaScript
前端上传图片到七牛云
前端上传图片到七牛云
341 0
|
编解码 对象存储 数据安全/隐私保护
七牛云对象存储的设置指南
七牛云对象存储的设置指南
377 0
|
存储 编译器 对象存储
Typora+PicGo+阿里云OSS搭建博客图床
Typora+PicGo+阿里云OSS搭建博客图床
386 0