分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

Stompjs websocket vue

发布时间:2023-09-06 01:39责任编辑:蔡小小关键词:jswebsocket

公司项目要求要有消息提醒机制 , 多方面考虑用了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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved