使用firebase快速开发你的应用

这两天了解了一下 Google 的 firebase 服务，于是就尝试了一下，结合 vue 做了个简单的小东西，本文简单介绍一下。详情请参看官方文档以及本例源码。

GitHub: zcong1993/fire-todo

在线尝试: http://vue-todos.surge.sh/

认识 #

这两天看到vue-hackernews使用hackernewsapi 中有用到firebase，而且看2016 Google IO大会中也提到这个名词。于是就去了解了一下。

firebase，可以看到firebase提供好多后端服务，例如Google Analytics，Authentication（身份验证，帮你解决用户认证和管理）, Realtime Database（实时数据库，不仅仅是云端数据库）, Storage（云存储）, Hosting。

目前我用到的仅仅是Authentication和Realtime Database，本来想用Hosting host 最终项目，结果祖国的防火墙不放过我，terminal 验证总是不能通过，只能放弃了，选择了surge.sh。

看到上面这些，可以认识到，firebase基本是把后端做的那一套搬到了云端，并且封装好了支持多种平台的SDK，也就是全盘接管你的应用后端。所以开发应用非常快速。

Realtime Database 实时数据库 #

数据库 #

首先它是一个云端nosql数据库，为你提供API接口，你可以增删改查，没有schema，非常灵活，就是以json格式存储的。使用起来比mongo还简单。而且你还可以定义字段的存储读取权限或者validate条件，结合Authentication你可以快速分隔不同用户的数据，做到隐私安全。

Realtime 实时 #

为什么是实时呢？因为Realtime Database的SDK提供一系列的事件监听机制，一旦数据更改被监听到，就会通知所有客户端更新数据，Google声称相应会在毫秒级别完成，这样就可以达到不同终端同步，甚至使用这个特性很容易就能构造出聊天室应用。

看到这个，相信你会想到流行的前端 UI 框架react和vue，它们也是数据状态更新会触发 UI 更新，和Realtime Database的通知事件非常配。而且为了让我们更好的使用，官方也提供了用于框架的库，本例我使用的是vuefire（由 vuejs 官方提供）。

Authentication 权限管理 #

就算再简单的应用，如果涉及登录都会使人稍微有点头大。你必须有一张用户管理表，用户注册时需要validate，向用户发送注册确认邮件，然后用户忘记密码还需要支持发邮件重置密码。使用第三方登录也需要自己实现，并且保存第三方的uid。

然而Authentication做的事情就是将这些事接管，很简单就能实现上述功能，而且内置Google，Twitter，Facebook，GitHub第三方登录认证，几行代码就可以实现，本例我使用的是Google账号登录。

实际应用 #

本例，用户可以通过Google账号登录，然后我们可以通过currentUser拿到当前用户的信息，还有Accesstoken（可以拿到用户更多信息，本例没有使用），你可以拿到用户邮箱账号，用户名和头像方便显示。并且会生成一个uid，这个uid并不是Google账号的uid，如果你要使用数据读写验证例如下面：

{
  "rules": {
    "users": {
      "$uid": {
        ".read": "auth != null && auth.uid === $uid",
    		".write": "auth != null && auth.uid === $uid"
			}
    }
  }
}

这里需要的是账号的uid，应该是user.uid而不是currentUser.uid，具体请看源码。我们实现了按照用户账号 uid 来存储个人数据，并且只有在登录且是本人的情况下才能读写，保证了数据的安全和隔离。

最后部署应用时，需要将自己的域名添加到Authentication中的跳转域名白名单中，以保证安全。

总之，firebase是非常好的一套解决方案，免费套餐对于个人开发简单的应用非常足够。开放应用可以放下后端压力和负担，快速上手。不过firebase的客户可不止是小公司，大公司也可以使用，毕竟Google实力大家都明白。对于前端同志们非常友好，不需要后端基友就能开发能够真正上线的应用。

然而，在中国你懂的。