Back

pusher - 聊天的使用

发布时间: 2018-05-13 09:29:00

参考:  pusher.com

pusher跟 websocket很类似, 目的都是实现 实时效果的操作. 不同的是, pusher是一种service.  

聊天是非常常见的需求, 通常我们使用 融云等国内的服务. 考虑到还有一些其他的内容, 我们这里使用 pusher来实现一个网页聊天的功能. 

1. 注册, 在  pusher.com 

2. 登陆. 

3. 进入后,创建一个 新的chatkit 应用 .   例如 coiex.io 

4. 选择 SDK的语言,  JS , ANDROID,  Ios.  我们选择 JS . 

5. 然后我们就会被带入到这个链接:    https://docs.pusher.com/chatkit/quick_start/javascript

6. <script src="https://unpkg.com/@pusher/[email protected]/dist/web/chatkit.js"></script>

7. 

<script>

const tokenProvider = new Chatkit.TokenProvider({
  // 这个URL来自于 后台 
  url: "https://us1.pusherplatform.io/services/chatkit_token_provider/v1/cf70cadsfsdf"
});

const chatManager = new Chatkit.ChatManager({
  userId: "sg552",   // inspector中设置 
  instanceLocator: '<%= ENV["PUSHER_CHAT_KIT_INSTANCE_LOCATOR"] %>',   // keys中设置 
  key: '<%= ENV["PUSHER_CHAT_KIT_SECRET_KEY"] %>',
  tokenProvider: tokenProvider   
});

chatManager
  .connect()
    .then(currentUser => {
      console.log("Connected as user ", currentUser);
    })
  .catch(error => {
    console.error("error:", error);
  });
</script>

Back