1
引入 SDK 并创建实例初始化
引入 Yunba JavaScript SDK 和所依赖的 Socket.io
你需要用你的 AppKey 或 用我们做演示的 DemoKey 来实例化一个 Yunba 对象。
接着,初始化 Yunba 对象,并连接到服务器。
<!-- 先引入所依赖的 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
发送消息到另一台设备
按下 “发送” 在控制台中看到你的消息。
你也可以用移动设备扫描二维码或打开新窗口来接收查看消息,而且这完全是实时的!