javascript - 取消订阅 Pusher channel

Question

我刚开始在我的 Rails 应用中使用 Pusher。一切正常，我现在可以订阅 channel 并接收 JSON 消息。

但我想制作一个按钮，可以在其中取消订阅特定 channel 。

我已经尝试过了

<button onclick="unsubscribe_channcel('test_channel')">Unsubscribe</button>

<script>
  function unsubscribe_channcel(channelName) {
  var pusher = new Pusher('APP KEY');
  pusher.unsubscribe(channelName);
};
</script>

但是它不起作用。如果我在按下按钮时查看调试控制台，所发生的一切就是它建立了一个新连接，并且我不断从“test_channel”接收消息。

Answer 1

您需要在订阅 channel 的 Pusher 对象的同一实例上取消订阅 channel ，例如

<button onclick="subscribe_channel('test_channel')">Subscribe</button>
<button onclick="unsubscribe_channel('test_channel')">Unsubscribe</button>

<script src="http://js.pusher.com/2.2/pusher.min.js"></script>
<script>
  Pusher.log = function(msg){
    console.log(msg);
  };

  var YOUR_APP_KEY = "1afb3f8f61eb29da86df";
  var pusher = new Pusher(YOUR_APP_KEY);

  function subscribe_channel( channelName ) {
    pusher.subscribe( channelName );
  }

  function unsubscribe_channel(channelName) {
    pusher.unsubscribe(channelName);
  }
</script>

您可以在此处找到此代码的工作示例:http://jsbin.com/camul/1/edit?html,console,output