|
<!DOCTYPE HTML>
<html>
<head>
<title>Yunba JavaScript Over Socket.IO Demo</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<!--[if lte IE 7]>
<script type="text/javascript" src="biz/js/json2.js"></script>
<![endif]-->
<script type="text/javascript" src="biz/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="biz/js/push/socket.io-1.3.5.min.js"></script>
<script type="text/javascript" src="biz/js/push/yunba-js-sdk.js"></script>
<script>
var yunba = new Yunba({appkey: '5630418ff085fc471efdf2c9'});
yunba.init(function (success) {
if (success) {
mqtt_connect();
}
});
function mqtt_connect() {
var cid = 123321;
var connected = function(success, msg, sessionid) {
if (success) {
mqtt_subscribe();
$('#connect_status').html('Connected Success !');
$('#connect_status').css('color', 'green');
} else {
alert(msg);
}
};
if (!cid || cid.length === 0) {
alert('请输入自定义ID');
} else {
yunba.connect_by_customid(cid, connected);
}
}
function mqtt_subscribe() {
var topic = 'IPU';
yunba.subscribe({'topic': topic }, function (success, msg) {
if (success) {
$('#topic_list').append('<b id="topic_id_' + topic + '">' + topic + '</b>');
} else {
alert(msg);
}
});
}
function sendMessage() {
if ($('#alias_pub').val() == '') {
alert('请输入别名');
return false;
}
var alias = $('#alias_pub').val();
var message = $('#alias_message').val();
yunba.publish_to_alias({'alias': alias, 'msg': message}, function (success, msg) {
if (!success) {
alert(msg);
}
})
}
</script>
<style>
input {
height: 30px;
font-weight: bold;
}
input[type="radio"] {
height: 15px;
}
.green {
color: green;
}
fieldset {
margin-top: 20px;
}
b {
margin-left: 10px;
}
.clear {
clear: both;
}
</style>
</head>
<body>
<fieldset>
<legend>推送</legend>
接受者: <input type="text" placeholder="输入设备标识..." id="alias_pub"/>
推送消息 <input type="text" placeholder="输入消息..." id="alias_message" style="..."/>
<input type="button" value="推送" onclick="sendMessage();"/>
</fieldset>
</body>
<html>
|
