Wilddog(JavaScriptSDK)接入
1、 简介
Wilddog 野狗 BaaS 云服务。让你无需租用服务器,无需后端工程师,即可开发Web和移动应用。
1.1、说明
本插件使用野狗官方 JavaScript SDK,与 AppCan 完全兼容。你只需在 HTML 文件中加入一个script 标签,就可以使用野狗 SDK 的所有功能。
1.2、UI展示
1.3、开源源码
2、API概览
2.1 创建账号和应用
首先,注册并登录Wilddog账号,进入控制面板。然后,在控制面板中,添加一个新的应用。
你会得到一个应用的URL https://<appId>.wilddogio.com/
。你可以把这个URL理解为云端数据库的地址。
2.2 使用Wilddog JavaScript SDK
使用JavaScript SDK非常简单。你只需在HTML文件中加入一个script标签。
<script src = "https://cdn.wilddog.com/js/client/current/wilddog.js" ></script>
2.3 读写数据
连接到数据库
你必须连接到Wilddog云端才可以读写数据。连接云端会需要用到之前获得的应用URL "https://<appId>.wilddogio.com/
" 。
var ref = new Wilddog("https://<appId>.wilddogio.com/");
上面代码连接到了云端。并且在创建Wilddog连接实例的同时,也将数据定位到了数据库的根节点。
应用URL的地址也可以包含一个节点名。
var ref = new Wilddog("https://<appId>.wilddogio.com/message");
如上段代码,应用URL为http://<appId>.wilddogio.com/message
,那么这个连接将定位在数据的/message
节点上。更多关于数据结构和创建连接的信息,请参见 了解数据 。
Wilddog提供了数据读写API。比如,通过set()
、update()
、push()
、remove()
修改对应节点的数据; 通过on()
立即读取数据,并监听该节点数据的变化。
写数据
创建Wilddog连接实例之后,就可以通过set()
写入任何合法的JSON数据。
ref.set({
"name" : "Hello World!",
"author" : "Wilddog",
"location" : {
"city" : "beijing",
"zip" : 100000
}
});
读数据
读数据是通过绑定callback函数并处理结果事件来实现的。假设我们按照上面的代码写入了数据,那么我们就可以使用on()
函数来获取city字段的值。
ref.child("location/city").on("value", function(datasnapshot) {
alert(datasnapshot.val()); // 结果会弹出信息"beijing"
});
回调函数的参数是一个DataSnapshot对象类型,调用它的val()
函数得到一个JSON数据对象。上边这个例子中,value这个事件会在初次获取到数据的时候被触发一次,此后每当数据发生改变,都会被触发。
关于更多信息,请参见野狗官网 快速入门 。