如何使用pusher实现群聊功能
如何使用pusher实现群聊功能
提问于 2015-10-07 17:15:23
我已经实现了使用PUSHER(实时聊天)的一对一聊天。现在我想实现群聊功能(即多对多)。我见过一些方法，比如
channel.bind('pusher:member_added', function(member) {
// for example:
add_member(member.id, member.info);
});
channel.bind('pusher:member_removed', function(member) {
// for example:
remove_member(member.id, member.info);
});但是不知道如何创建带名称的组。然后在“联系人”中添加成员。
更新问题-我有相同的html文件，名为client1.html，client2.html，client3.html，并与相同的通道"presence-user“连接，现在我可以使用members.each({})函数看到文本区"member”内的在线成员。
<html>
<head>
<title>Pusher Test</title>
<script src="//js.pusher.com/2.2/pusher.min.js" type="text/javascript"/>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var chatdata;
var myuserId;
console.log("ready!");
$('#reset').click(function(event) {
event.preventDefault();
$('#loggs').val("");
});
$('#btnSendMessage').click(function(event) {
event.preventDefault();
chatdata = myuserId+": "+$("#textchat").val();
console.log("in btn chatdata ==" + chatdata);
if(chatdata==undefined){
chatdata ="";
}
var triggered = channel.trigger('client-messagereceive', {
data : chatdata
});
console.log("pusher:subscription_succeeded==>" + triggered);
console.log("in btn chatdata ==" + chatdata);
alert(count);
});
var msgLoggs;
console.log("chatdata ==" + chatdata);
var socketId;
Pusher.log = function(message) {
if (window.console && window.console.log) {
msgLoggs += message + "\n";
$("#loggs").val(msgLoggs);
window.console.log(message);
}
};
var options = {
authEndpoint : "api/chat.json?x-api-key=06870559427d46de8789c39d50097301"
}
var pusher = new Pusher('c7afb8c403e31a7088e1', options);
pusher.connect();
pusher.connection.bind('connected', function(data) {
socketId = pusher.connection.socket_id;
});
var channel = pusher.subscribe('presence-user');
channel.bind('pusher:subscription_succeeded', function(members) {
var membersOl;
channel.members.each(function(member) {
var userId = member.id;
var userInfo = member.info;
membersOl+=userId+" ";
});
var count = channel.members.count;
var me = channel.members.me;
var userId = me.id;
myuserId=userId;
var userInfo = me.info;
var count = channel.members.count;
$("#member").val(membersOl)
console.log("count-->"+count);
var user = channel.members.get(userId);
console.log("user--->"+user.info);
console.log("pusher:subscription_succeeded====userid" + userId+" userinfo "+userInfo.data);
});
channel.bind('pusher:subscription_error', function(status) {
if (status == 408 || status == 503) {
}
});
var datafromClient2;
channel.bind('client-messagereceive', function(data) {
datafromClient2+=data.data+"\n";
$("#textchat").val(datafromClient2);
});
});
</script>
</head>
<body>
we are heree .....
<form action="" method="post">
<table>
<tr>
<td>Enter your text</td>
</tr>
<tr>
<td><textarea name="textchat" id="textchat" rows="10" cols="80"></textarea></td>
<td><textarea name="member" id="member" rows="10" cols="80"></textarea></td>
</tr>
<tr>
<td colspan="2"><button name="btnSendMessage" id="btnSendMessage"
value="Send Message">Send to Message</button></td>
</tr>
<tr><td>Logger</td><td> <button id="reset">Reset </button></td></tr>
<tr>
<td colspan="2"><textarea name="loggs" id="loggs" rows="40" cols="150"></textarea></td>
</tr>
</table>
</form>
</body>
</html>现在的问题是，当我创建新组时，假设名称为"Friends“，因此我需要订阅频道"presence-friends”，现在我想将联系人添加到该组中，那么在这种情况下，我需要使用哪些方法将我的联系人添加到组中？请帮帮我！
回答 1
Stack Overflow用户
发布于 2015-10-08 21:35:03
您提供的代码示例与presence channels相关。它们的目的是在用户订阅/取消订阅频道时提供事件。
要构建群聊，您只需允许多个用户在单个通道上发送消息(触发事件)。这与在线状态通道的使用并不相关。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32988341
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号