我如何使用推送器实现群聊功能

我已经使用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（{}）函数在textarea“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>

现在的问题，当我创建新组可以说，名为“朋友”为此，我将需要订阅频道可以说，“在场的朋友”，现在我想添加成员从我的联系人到这个组，所以在这种情况下，我将需要使用哪些方法将我的联系人添加到组中？请帮忙！

来源

2015-10-07 Kamini

推送器不提供管理组的机制。您需要自己构建该功能，然后控制对存在通道的访问。然后，您可以使用“会员”功能获取在线用户的列表，并通知用户上线和下线。 – leggetter

@leggetter好的谢谢。 – Kamini

您提供的代码示例与presence channels有关。其目的是在用户订阅/取消订阅频道时提供事件。

要构建群组聊天，您只需要允许多个用户在单个通道上发送消息（触发事件）即可。这与使用存在信道没有关系。

来源

2015-10-08 13:35:03 leggetter

嗨@leggetter我已更新我的问题。请看看。谢谢：） – Kamini

我如何使用推送器实现群聊功能

回答

相关问题