七牛云还能这么玩

七牛云

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

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

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

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

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

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

index.html 文件：

mycss.css 文件：

control.js 文件：

另外还有一张背景图片。

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

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

css 文件：

html 文件：

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

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

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