firebase是谷歌提供的平台服务,这套服务非常强大。他是针对安卓ios或者web后台的,提供了像数据库云存储服务(nosql形式)、对象存储(如图片视频等)、静态网页资源cdn存储、身份认证、后台数据分析、实时监控、崩溃分析、消息推送系统等等,功能非常多,涵盖了后台的各方面。而且官网都有中文版本,我们来玩一下。
用谷歌账号登录firebase首页,创建一个应用后进入控制台。
在这个页面点击,ios或安卓或web任意一项可以弹出,对应的嵌入代码。后面会用到。
左侧develop->Database,创建自己的数据库
这里我选择用网页端进行数据读写,也可以选择安卓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>
点击按钮后数据就已经被添加了,到控制台下就可以看到
另外数据读取修改删除等操作类似,可以参考官方文档
实时数据库是firebase提供的最主要功能之一,我们从上面的例子发现这是一个类似mongodb的nosql的json数据库,除了基本增删改查,这个数据库还有个“实时性”,每个客户端是socket连接的服务端,可以监听数据的变化进行实时改变。
在刚才的DataBase下面有个Hosting选项,这里就是静态页面托管的控制台。根据提示我们需要安装CLI指令客户端
npm install -g firebase-tool
然后到我们的静态页面文件夹下进行登录和初始化,注意需要将静态文件放到这个文件夹下的public文件夹下,如果在下面提到的json文件中指定public目录为.
,则只需要放置在当前文件夹下即可
firebase login --no-localhost
firebase init
在login
的时候会弹出一个连接,在浏览器中打开,得到一个码。将其再复制到shell中。
在init
的时候选择Hosting
初始化完成,查看当前目录下的文件,应该有一个firebase.json,将其内容进行修改如下:
{
"hosting": {
"public": ".",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
]
}
}
确保./index.html
文件存在的情况下,进行部署
firebase deploy
部署完成后可以在控制台查看
还可以查看使用情况,免费用户只有1g的空间,并且每周10g的访问量限制,对于一般个人用户应该是绰绰有余的。通过这个域名https://myfire-f7f48.firebaseapp.com/
我们也可以访问我们的静态资源。
在左侧storage这一栏中打开,然后可以直接通过网页,上传文件,同时也提供了各个平台的上传api。点击文件可以查看文件的存储地址gs协议的,以及文件的下载地址http的。
总之,firebase还是非常强大的,我这里只介绍了几十种功能中最简单的一种。感兴趣的可以自己去了解更多。