title: 快速入门

你可以通过一个简单的 评论墙示例 来快速了解 Sync 的用法。

环境准备

  • 支持 Chrome、IE 10 +、Firefox、Safari 等主流浏览器环境

1. 创建应用

首先,你需要在控制面板中创建应用。

2. 安装 SDK

Web SDK 有直接引用和 npm 安装两种方式可供选择。直接引用时任选以下两种方式之一:

  • 安装完整 Wilddog SDK (推荐,包含 Sync 和 Auth)
  1. <script src="https://cdn.wilddog.com/sdk/js/2.5.6/wilddog.js"></script>
  • 独立安装 Sync SDK
  1. <script src="https://cdn.wilddog.com/sdk/js/2.5.6/wilddog-sync.js"></script>

如果是 NodeJS 或者 ReactNative 项目,请使用 npm 安装

  1. npm install wilddog --save

通过commonjs导入

  1. var wilddog = require('wilddog')

如果是typescript,可以通过import导入

  1. import * as wilddog from 'wilddog'

3. 创建 Sync 实例

  1. var config = {
  2. syncURL: "https://<SyncAppID>.wilddogio.com" //输入节点 URL
  3. };
  4. wilddog.initializeApp(config);
  5. var ref = wilddog.sync().ref();

提示:

Wilddog Sync 允许同时创建多个实例。

4. 写入数据

set() 方法用于向指定节点写入数据。Sync的数据存储格式采用 JSON

例如,在应用的根节点下写入评论数据:

  1. ref.set({
  2. "messageboard":{
  3. "message1":{
  4. "content" : "Wilddog, Cool!",
  5. "presenter" : "Jack"
  6. }
  7. }
  8. });

写入的数据如下图:

yourApp

5. 监听数据

on()once() 方法用于监听节点的数据。

例如,从应用中获得评论数据:

  1. // snapshot 里面的数据会一直和云端保持同步
  2. ref.on("value", function(snapshot) {
  3. console.log(snapshot.val());
  4. });
  5. // 如果你只想监听一次,那么你可以使用 once()
  6. ref.once("value").then(function(snapshot){
  7. console.info(snapshot.val());
  8. }).catch(function(err){
  9. console.error(err);
  10. })

6.数据安全

你可以在 Sync 中使用规则表达式进行数据访问权限的控制。规则表达式可以实现以下功能:

  • 数据访问权限控制
  • 用户访问权限控制
  • 数据格式校验
  • 数据索引

规则表达式的具体使用,请参考 安全性与规则

注意:

初始配置下,所有人都能读写你的应用数据,请及时在 实时通信引擎-读写权限 中更改规则表达式。

7.更多使用