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 = ; i < ; i++) {

    s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), );

  }

  s[] = ""; // bits 12-15 of the time_hi_and_version field to 0010

  s[] = hexDigits.substr((s[] & 0x3) | 0x8, ); // bits 6-7 of the clock_seq_hi_and_reserved to 01

  s[] = s[] = s[] = s[] = "-";

  var uuid = s.join("");

  return uuid;

}

export default {

  data() {

    return {

      // client: Stomp.client("ws://192.168.1.103:61614/stomp")

      client: null

    };

  },

  methods: {

    onConnected(frame) {

      console.log("Connected: " + 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() {

      this.client= Stomp.client("ws://192.168.1.103:61614/stomp")

      var clientid = uuid();

      var headers = {

        "login": "admin",

        "passcode": "admin",

        "client-id": clientid,

        // additional header

      };

      this.client.connect(headers, this.onConnected, this.onFailed);

    }

  },

  mounted() {

    this.connect()

  }

};

</script>

请广大道友注意如果直接install stompjs （中间没点，别整错了）那么在vue里面会报错，因为还需要install 一下 net

var Stomp = require('./lib/stomp.js');

var StompNode = require('./lib/stomp-node.js');

module.exports = Stomp.Stomp;

module.exports.overTCP = StompNode.overTCP;

module.exports.overWS = StompNode.overWS;

index.js 里面引用到了这个stomp-node.js然儿这个node.js

Stomp = require('./stomp');

  net = require('net');

  Stomp.Stomp.setInterval = function(interval, f) {

    return setInterval(f, interval);

  };

用到了net ，

请注意箭头函数的使用， if你直接使用function的话会有this的指向性问题， client里面封装了很多原型函数，如果this指向调用错误的话这些函数都会找不到

巴特西

Stompjs websocket vue

最新文章

热门文章