art_firebase

5 min read

firebase

firebase是谷歌提供的平台服务,这套服务非常强大。他是针对安卓ios或者web后台的,提供了像数据库云存储服务(nosql形式)、对象存储(如图片视频等)、静态网页资源cdn存储、身份认证、后台数据分析、实时监控、崩溃分析、消息推送系统等等,功能非常多,涵盖了后台的各方面。而且官网都有中文版本,我们来玩一下。

实时数据库

用谷歌账号登录firebase首页,创建一个应用后进入控制台。
image
在这个页面点击,ios或安卓或web任意一项可以弹出,对应的嵌入代码。后面会用到。 左侧develop->Database,创建自己的数据库
image
这里我选择用网页端进行数据读写,也可以选择安卓ios以及nodejs客户端等方式。我们回到上一张图的页面,点一下web的图标,就弹出一段代码,复制到一个html文件中即可。 添加一个按钮来测试下添加数据

<button onclick="add()">click</button>
<script src="https://www.gstatic.com/firebasejs/4.10.0/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase-database.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: "填自己的",
    authDomain: "填自己的",
    databaseURL: "填自己的",
    projectId: "填自己的",
    storageBucket: "填自己的",
    messagingSenderId: "填自己的"
  };
  firebase.initializeApp(config);
  function writeUserData(userId, name, email) {
	  firebase.database().ref('users/' + userId).set({
		username: name,
		email: email
	  });
  }
  function add(){
	writeUserData(1,"frank","sunwu51@126.com")
  }
</script>

点击按钮后数据就已经被添加了,到控制台下就可以看到
image
另外数据读取修改删除等操作类似,可以参考官方文档
实时数据库是firebase提供的最主要功能之一,我们从上面的例子发现这是一个类似mongodb的nosql的json数据库,除了基本增删改查,这个数据库还有个“实时性”,每个客户端是socket连接的服务端,可以监听数据的变化进行实时改变。
image

静态页面托管

在刚才的DataBase下面有个Hosting选项,这里就是静态页面托管的控制台。根据提示我们需要安装CLI指令客户端

npm install -g firebase-tool

然后到我们的静态页面文件夹下进行登录和初始化,注意需要将静态文件放到这个文件夹下的public文件夹下,如果在下面提到的json文件中指定public目录为.,则只需要放置在当前文件夹下即可

firebase login --no-localhost
firebase init

login的时候会弹出一个连接,在浏览器中打开,得到一个码。将其再复制到shell中。 在init的时候选择Hosting
image
初始化完成,查看当前目录下的文件,应该有一个firebase.json,将其内容进行修改如下:

{
  "hosting": {
    "public": ".",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}

确保./index.html文件存在的情况下,进行部署

firebase deploy

部署完成后可以在控制台查看
image
还可以查看使用情况,免费用户只有1g的空间,并且每周10g的访问量限制,对于一般个人用户应该是绰绰有余的。通过这个域名https://myfire-f7f48.firebaseapp.com/我们也可以访问我们的静态资源。
image

文件存储

在左侧storage这一栏中打开,然后可以直接通过网页,上传文件,同时也提供了各个平台的上传api。点击文件可以查看文件的存储地址gs协议的,以及文件的下载地址http的。 image

小结

总之,firebase还是非常强大的,我这里只介绍了几十种功能中最简单的一种。感兴趣的可以自己去了解更多。