vue-wiguet-chatweb v0.0.20

Descripcion

Paquete para el uso de CHAT CENTRAL mediante un widget chat,

Instalacion

Instalacion del paquete

npm i vue-wiguet-chatweb

Variables de Entorno

VITE_BACKEND_URL=http://192.168.20.107:8500
VITE_BROKER_URL=ws://192.168.20.107:15674/ws
VITE_USERNAME=admin
VITE_PASSWORD=password

configuracion de variables de Entorno

import widgetChatCentral from 'vue-wiguet-chatweb'

const app = createApp(App);
app.use(widgetChatCentral, {
      VITE_BACKEND_URL:import.meta.env.VITE_BACKEND_URL;
      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');

phoneUser: Registrado en RRHH

tokenAuth: Auth MS-Seguridad V2

Instalacion y Uso del Widget

Configuracion de Paquete en el componente

<template>
  <div>
      <Widget titlePrincipal="titlePrincipal" :tokenAuth="token" :phoneUser="phone"/>
  </div>
</template>


<script setup lang="ts">
  import Widget from './components/Widget.vue';
  const token = 'ciOi.....'
  const phone = '76177719'
</script>

<style scoped>
  @import url(/node_modules/vue-wiguet-chatweb/dist/style.css);
</style>