Wilddog(JavaScriptSDK)接入

1、 简介

Wilddog 野狗 BaaS 云服务。让你无需租用服务器,无需后端工程师,即可开发Web和移动应用。

1.1、说明

本插件使用野狗官方 JavaScript SDK,与 AppCan 完全兼容。你只需在 HTML 文件中加入一个script 标签,就可以使用野狗 SDK 的所有功能。

1.2、UI展示

wildchat 在线演示聊天

1.3、开源源码

源码下载

2、API概览

2.1 创建账号和应用

首先,注册并登录Wilddog账号,进入控制面板。然后,在控制面板中,添加一个新的应用。

你会得到一个应用的URL https://<appId>.wilddogio.com/。你可以把这个URL理解为云端数据库的地址。


2.2 使用Wilddog JavaScript SDK

使用JavaScript SDK非常简单。你只需在HTML文件中加入一个script标签。

  1. <script src = "https://cdn.wilddog.com/js/client/current/wilddog.js" ></script>

2.3 读写数据
连接到数据库

你必须连接到Wilddog云端才可以读写数据。连接云端会需要用到之前获得的应用URL "https://<appId>.wilddogio.com/" 。

  1. var ref = new Wilddog("https://<appId>.wilddogio.com/");

上面代码连接到了云端。并且在创建Wilddog连接实例的同时,也将数据定位到了数据库的根节点。

应用URL的地址也可以包含一个节点名。

  1. 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数据。

  1. ref.set({
  2. "name" : "Hello World!",
  3. "author" : "Wilddog",
  4. "location" : {
  5. "city" : "beijing",
  6. "zip" : 100000
  7. }
  8. });
读数据

读数据是通过绑定callback函数并处理结果事件来实现的。假设我们按照上面的代码写入了数据,那么我们就可以使用on()函数来获取city字段的值。

  1. ref.child("location/city").on("value", function(datasnapshot) {
  2. alert(datasnapshot.val()); // 结果会弹出信息"beijing"
  3. });

回调函数的参数是一个DataSnapshot对象类型,调用它的val()函数得到一个JSON数据对象。上边这个例子中,value这个事件会在初次获取到数据的时候被触发一次,此后每当数据发生改变,都会被触发。

关于更多信息,请参见野狗官网 快速入门


以上信息是否解决您的问题?

免费注册,快速体验