基于野狗实时数据库搭建网页弹幕(上)

基于野狗实时数据库搭建网页弹幕(上)

技术教程gslnedu2025-03-11 13:49:193A+A-

在教程开始之前我们需要了解两个东西

  1. 野狗实时数据库数据的读写

  2. jquery.barrager.min.js 弹幕插件

首先,我们了解下野狗这个神奇的东西!

野狗(WildDog) - 国内领先的实时BaaS云服务!通过 SDK,野狗向用户提供数据存储实时通信服务,帮助用户提升应用开发速度。野狗可以很方便的和用户的系统集成,使用户只需要简单的几行代码,就可以实现 app 到服务端的双向实时通信。如果用户没有自己的后端服务器,也可以将野狗作为一站式的后端服务,无需编写后端代码,也无需租用服务器,就可以快速完成应用开发。

本教程,只需要学会野狗数据库的以下操作即可!

  1. 连接数据库

  2. set 操作

  3. pust操作

  4. child_added 事件绑定

一、连接数据库

var ref = new Wilddog("https://.wilddogio.com/");

注:appid 从野狗官网获取(https://www.wilddog.com);

小编为了以后操作方便,对连接数据库做了小小的封装!

二、set操作

set ( value , [oncomplete] )

设置一个节点的值。 如果value != null ,当前节点上的数据会被value覆盖,如果中间路径不存在,Wilddog 会自动将中间路径补全。如果value == null,效果等同于remove操作。

注:野狗数据库的数据存在是一种json格式,所以表面看不出来表结构,但是,我们可以把每一个大的节点看做一个表,比如说User 节点,User节点下可以存储若干个user,比如下面示例

那么我们如何进行set操作呢?

这里我们要注意,set操作会把之前User列表下的所有数据清空!所以我们要是要在当前数据库下追加数据,就需要我们的push操作了!

三、Push操作

push (value , [oncomplete] )

在当前节点下生成一个子节点,并返回子节点的引用。子节点的key利用服务端的当前时间生成,可作为排序使用。结构示意如下:

那么我们怎么实现呢?

四、child_added 事件绑定!

简言之,也就是监听该节点下数据,如果该节点数据有添加,则立刻返回数据,是一个主动事件!

好了,有了这些前期准备,那么我们该如何实现一个弹幕功能甚至一个即时通讯呢?且听下回分解~~

点击这里复制本文地址 以上内容由朽木教程网整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!
qrcode

朽木教程网 © All Rights Reserved.  蜀ICP备2024111239号-8