美文网首页APIcloud
Wilddog快速上手

Wilddog快速上手

作者: Nodelover | 来源:发表于2016-01-28 21:27 被阅读602次

    放假前在Cnode社区看到了一篇关于HTTPS的分享,由于学了密码学对于协议这个方面也比较感兴趣,就进去了,然后了解到了他们公司野狗,一个Baas服务平台,注册了一个账号就没细究了。今天在邮箱里面收到他们公司新闻邮件,发现正式版发布了。

    说说他们

    就我了解和看他们官网的简介,确实有很多大牛,之前都是在大企业积累了很多的经验,特别是他们HTTPS的研究,让我很是佩服。
    他们好像比较强调实时应用,我觉得他们的优势所在就是提供WebSocket长连接,因为之前学PHP通过韩老大的Swoole项目,对这个还是有点了解,就目前国内除他家之外,好像还没有提供这种WebSocket的服务商。
    对于提供后端数据库而言,比较类似的我还浅尝辄止过APICloud,跟野狗比起来,野狗的优势,还是那一点,对于WebSocket封装,当然还有一些使用比较安全的协议啦。

    开始

    官方JavaScript SDK

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

    在官网看了一大堆例子,视频,文档,还不如一句代码来得精简。

    var ref = new Wilddog('https://wild-horse-0874.wilddogio.com/');
    ref.set('{name:'leo'}');
    //在后台你就可以看到 name:leo 这样的键值对,他们后台数据库基于JSON
    
    后台数据库
    小例子

    上面的截图,就是这个小栗子的后台数据库。
    Show me the code

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf8">
      <script src="https://cdn.wilddog.com/js/client/current/wilddog.js"></script>
    </head>
    <body>
    <textarea style="width:400px; height: 300px" id="tx"></textarea>
    
    <input type="text" placeholder="name" id="name">
    <input type="text" placeholder="value" id="value">
    
    <script>
    var ref = new Wilddog('https://wild-horse-0874.wilddogio.com/');
    var nameDom = document.getElementById('name');
    var valueDom = document.getElementById('value');
    
    document.onkeydown=function(event){
      var e = event || window.event || arguments.callee.caller.arguments[0];     
       if(e && e.keyCode==13){ // enter 键
           ref.child(nameDom.value).set(valueDom.value);
      }
    }; 
    
    var tx = document.getElementById("tx");
    
    ref.on("value", function(snapshot) {
        console.log(snapshot.val());
        tx.innerHTML = JSON.stringify(snapshot.val(), null, '\t');
    });
    
    ref.child('location/city').on('value', function(datasnapshot){
      console.log(datasnapshot.val());
    });
    
    </script>
    </body>
    </html>
    

    代码很简单,没有添加任何样式,用了ref.child().set()ref.on()ref.child().on()
    简而言之child代表后代,数据库有一个root代表祖宗,set就是设置,on翻译过来就是,当value改变的时候,你就有事情(function)做了。

    栗子

    被其他事情打扰了,把数据的读写看完就不深入了。总体来说API还是挺简单,以后有实时系统的要求可以拿来用,最简单的就是做个聊天室吧,官网好像提供了Demo。

    文档地址

    https://z.wilddog.com/web/crud
    

    GoodBye!!

    相关文章

      网友评论

        本文标题:Wilddog快速上手

        本文链接:https://www.haomeiwen.com/subject/sjljkttx.html