公司项目要求要有消息提醒机制 , 多方面考虑用了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
原文地址:https://www.cnblogs.com/sunjinggege/p/8351634.html