vue-rabbit-frontend

Descripcion

Paquete de Conexion para interceptar solicitudes Http y generar broadcast de solicitudes por el servicio de rabbitMQ

Instalacion

Instalacion del paquete

npm i vue-rabbit-frontend

Variables de Entorno

VITE_BROKER_URL=ws://localhost:15674/ws
VITE_USERNAME=admin
VITE_PASSWORD=password

configuracion de variables de Entorno

import vueRabbitFrontend from 'vue-rabbit-frontend'

const app = createApp(App);
app.use(vueRabbitFrontend, {
      VITE_BROKER_URL:import.meta.env.VITE_BROKER_URL;
      VITE_USERNAME:import.meta.env.VITE_USERNAME;
      VITE_PASSWORD:import.meta.env.VITE_PASSWORD;
});

app.mount('#app');

Configuracion para subcripcion y publicacion

Configuracion de Paquete en el componente

<template>
  <div>
      <button @click="publish">plugin vue-rabbit-mq</button>
  </div>
</template>


import {RabbitMQService} from 'vue-rabbit-frontend'


export default {
  name: 'MyComponent',
  components: {
  },
  methods:{
    ejecuteMethod(dataResponse){
      //metodo a ejecutar con la llegada de datos de rabbimq
    },
    publish(){
      ///enviar datos a queue
      this.rabbitMQService.publish({ dataSend: '111' });
    }
  },  
  async mounted(){
      this.rabbitMQService = new RabbitMQService('name_host_virtual', 'name_queue');
      this.rabbitMQService.connect()


      ///escuchar a queue
      this.rabbitMQService.subscribe(ejecuteMethod);

  }
}

Parametros