Stompjs websocket vue

Posted JGG靖哥哥

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Stompjs websocket vue相关的知识,希望对你有一定的参考价值。

公司项目要求要有消息提醒机制 , 多方面考虑用了ActiveMQ ,基本上现在主流的后台语言都没啥问题 , php phthon java nodejs , 等等都没问题 , 各位道友可以去查阅相关资料 , 我这里只粘贴出前端的代码

<template>
  <div></div>
</template>
<script>
import Stomp from "stompjs";
function uuid() {
  var s = [];
  var hexDigits = "0123456789abcdef";
  for (var i = 0; i < 36; i++) {
    s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
  }
  s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
  s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
  s[8] = s[13] = s[18] = s[23] = "-";
  var uuid = s.join("");
  return uuid;
}
export default {
  data() {
    return {
      client: Stomp.client("ws://192.168.1.103:61614/stomp")
    };
  },
  methods: {
    AfterConnect: frame=>{
      var topic = "/topic/charger.messageTopic";
      this.client.subscribe(topic, this.responseCallback, this.onFailed);
    },
    onFailed: frame=> {
      console.log("Failed: " + frame);
    },
    responseCallback: frame=>{
      console.log("得到的消息 msg=>" + frame.body);
      console.log(frame)
    },
    connect: function() {
      var onlyId = uuid();
      var headers = {
        "login": "admin",
        "passcode": "admin",
        "client-id": onlyId,
        // additional header
      };
      this.client.connect(headers, this.AfterConnect, this.onFailed);
    }
  },
  mounted() {
    this.connect()
  }
};
</script>

 

以上是关于Stompjs websocket vue的主要内容,如果未能解决你的问题,请参考以下文章

websocket+sockjs+stompjs详解及实例

是否可以通过 StompJS (ng2Stomp) 通过 websocket 捕获未经授权的错误?

使用 Angular 应用程序使用 stompjs 的问题

在 React Native 中使用 @stomp/stompjs 的 Web 套接字连接

如何在 angular2-webpack 中导入“stompjs/lib/stomp.min”

Websocket教程SpringBoot+Maven整合(目录)