敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,九游会国际-九游会真人第一品牌。
♦ js-sdk 引用方式:
♦ 普通网页 script 方式加载:下载最新版 ,请在页面上调用 jsbridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge
♦ 腾讯云官方参考资料:
♦
♦
♦
♦ 用腾讯平台提供的 secretkey 在你的服务器端 做签名保护
♦
登录、退出等基础接口
sdkappid:
userid:
usersig:
jsbridge.txim.login({ //必须,数字,腾讯平台上创建的应用id sdkappid: parseint($("#loginsdkappid_user1").val()), //必须,字符串,用户id userid : $("#loginuserid_user1").val(), //必须,字符串,用户安全签名 //如何 usersig : $("#loginusersig_user1").val() }, function(succ, data) { if (succ) { alert("登录成功"); } else { alert("登录失败\n" json.stringify(data)); } });
sdkappid:
userid:
usersig:
jsbridge.txim.login({ //必须,数字,腾讯平台上创建的应用id sdkappid: parseint($("#loginsdkappid_user2").val()), //必须,字符串,用户id userid : $("#loginuserid_user2").val(), //必须,字符串,用户安全签名 //如何 usersig : $("#loginusersig_user2").val() }, function(succ, data) { if (succ) { alert("登录成功"); } else { alert("登录失败\n" json.stringify(data)); } });
sdkappid:
userid:
usersig:
jsbridge.txim.login({ //必须,数字,腾讯平台上创建的应用id sdkappid: parseint($("#loginsdkappid_user3").val()), //必须,字符串,用户id userid : $("#loginuserid_user3").val(), //必须,字符串,用户安全签名 //如何 usersig : $("#loginusersig_user3").val() }, function(succ, data) { if (succ) { alert("登录成功"); } else { alert("登录失败\n" json.stringify(data)); } });
jsbridge.txim.logout(function(succ, data) { if (succ) { alert("退出成功"); } else { alert("退出失败\n" json.stringify(data)); } });
jsbridge.txim.getloginstatus(function(succ, data) { //data.status 字符串类型 //logined 已登录 //logining 正在登录 //logout 已退出 alert(json.stringify(data)); });
jsbridge.txim.getunreadmessagecount(function(succ, data) { if (succ) { alert(data.count); } else { alert("获取失败\n" json.stringify(data)); } });
jsbridge.txim.getsdkversion(function(succ, data) { alert(data.version); });
事件监听
//此方法可以监听到 状态 jsbridge.txim.setlistener(function(succ, e) { switch (e.on) { case "onconnecting": //正在连接到腾讯云服务器 break; case "onconnectsuccess": //已经成功连接到腾讯云服务器 break; case "onconnectfailed": //连接腾讯云服务器失败 break; //... //所有事件及其含义 } showresult({ which: "setlistener", e : e }); }); /** 回调参数 e 为 json 类型 { on : 事件名称,字符串类型 data: 事件参数,json 类型,具体含义请参考腾讯官方文档 } **/
jsbridge.txim.removelistener(function(succ, data) { if (succ) { alert("移除成功"); } else { alert("移除失败\n" json.stringify(data)); } });
//此方法可以监听到 状态 jsbridge.txim.setmessagelistener(function(succ, e) { switch (e.on) { case "onrecvc2ctextmessage": //收到单聊文本消息 break; case "onrecvgrouptextmessage": //消息群聊文本消息 break; //... //所有事件及其含义 } showresult({ which: "setmessagelistener", e : e }); }); /** 回调参数 e 为 json 类型 { on : 事件名称,字符串类型 data: 事件参数,json 类型,具体含义请参考腾讯官方文档 } **/
jsbridge.txim.removemessagelistener(function(succ, data) { if (succ) { alert("移除成功"); } else { alert("移除失败\n" json.stringify(data)); } });
ui 相关
userid:
title :
avatar:
drafttext:
top:
jsbridge.txim.chat({ //字符串,对方的 userid() userid : $("#chatc2c_userid").val(), //字符串,任意标题字符,一般用对方昵称或备注名称 title : $("#chatc2c_title").val(), //字符串,自己的头像图片链接 avatar : $("#chatc2c_avatar").val(), //字符串,填写到输入框的草稿文字 drafttext: $("#chatc2c_drafttext").val(), //布尔,是否置顶 top : json.parse($("#chatc2c_top").val()) }, function(succ, data) { if (!succ) { alert("单聊失败\n" json.stringify(data)); } });
groupid:
title :
avatar:
drafttext:
top:
// 或者 腾讯云控制台 jsbridge.txim.chat({ //字符串,群 id groupid : $("#chatgroup_groupid").val(), //字符串,任意标题字符,一般用群名称或备注名称 title : $("#chatgroup_title").val(), //字符串,自己的头像图片链接 avatar : $("#chatgroup_avatar").val(), //字符串,填写到输入框的草稿文字 drafttext: $("#chatgroup_drafttext").val(), //布尔,是否置顶 top : json.parse($("#chatgroup_top").val()) }, function(succ, data) { if (!succ) { alert("群聊失败\n" json.stringify(data)); } });
title :
// jsbridge.txim.conversation({ //字符串,标题 title: $("#conversation_title").val() }, function(succ, data) { if (!succ) { alert("失败\n" json.stringify(data)); } });
title :
// jsbridge.txim.contact({ //字符串,标题 title: $("#contact_title").val() }, function(succ, data) { if (!succ) { alert("失败\n" json.stringify(data)); } });
监听回调数据: