通过 Yunba JavaScript SDK 来 订阅/发送 消息

仅需 5 步即可创建你的全平台实时消息 App

1

引入 SDK 并创建实例初始化

引入 Yunba JavaScript SDK 和所依赖的 Socket.io

你需要用你的 AppKey 或 用我们做演示的 DemoKey 来实例化一个 Yunba 对象。

接着,初始化 Yunba 对象,并连接到服务器。

前往 Github 下载 JavaScript SDK

<!-- 先引入所依赖的 Socket.io -->
<script type="text/javascript" src="socket.io-1.3.5.min.js"></script>
<!-- 再引入 Yunba JavaScript SDK -->
<script type="text/javascript" src="yunba-js-sdk.js"></script>

<script type="text/javascript">
  <!-- 创建 Yunba 实例 -->
  var yunba_demo = new Yunba({appkey: '52fcc04c4dc903d66d6f8f92'});
  <!-- 初始化并连接服务器 -->
  yunba_demo.init(function (success) {
    if (success) {
      yunba_demo.connect_by_customid('your_customid', function (success, msg) {
        if (success)
          console.log('连接成功!');
        else
          console.log(msg);
      });
    }
  });
</script>

2

订阅频道(Subscribe)

订阅属于你的数据频道

然后用 set_message_cb() 设置收到消息时调用的回调函数来接收消息。

<!-- 若要接收一个频道的消息,先使用 subscribe() 方法订阅该频道。 -->
yunba_demo.subscribe({'topic': 'my_topic'}, function (success, msg) {
  if (success)
    console.log('你已成功订阅频道');
  else
    console.log(msg);
});
<!-- 用 set_message_cb() 设置收到消息时调用的回调函数 -->
yunba_demo.set_message_cb(function (data) {
  console.log('Topic:' + data.topic + ',Msg:' + data.msg);
});

3

发布消息(Publish)

在成功订阅频道之后,你就可以发送你的消息到该频道。

<!-- 使用 publish() 方法向所有订阅 my_topic 频道的终端发布一条"你好!Yunba"的消息。 -->
yunba_demo.publish({'topic': 'my_topic', 'msg': '你好!Yunba'},
  function (success, msg) {
    if (success)
      console.log('消息发布成功');
    else
      console.log(msg);
});

4

发送消息到另一台设备

按下 “发送” 在控制台中看到你的消息。

你也可以用移动设备扫描二维码或打开新窗口来接收查看消息,而且这完全是实时的!

Topic
订阅
消息
发送

 

用移动设备扫描二维码或打开一个新浏览器>>来查看消息


5

恭喜!

通过这几步,你已经创建了你的第一个 Yunba App 。

下面,免费注册属于你的 Yunba 账号,然后添加像实时消息实时统计实时在线这样的功能到你的应用,使其更加健壮。

马上从我们众多 SDK 中找到你最喜欢的语言来 Coding 吧!