前端消息路由框架

dgiot-mqtt2eventbus

• 实现现一个前端用户只需要一个mqtt连接
• 页面业务与网络通讯(mqtt)去耦合
• 页面与页面之间通讯走eventbus/vuex,让页面组件之间去耦合

dgiot-mqtt-dashboard

Installation

yarn add @dgiot/dgiot-mqtt-dashboard

Quick Start

main.js

  import Vue from 'vue'
  import App from './App.vue'
  > import dgiotStore from '@dgiot/dgiot-mqtt-dashboard/src/store'
  > import dgiotBus from '@dgiot/dgiot-mqtt-dashboard/src/utils/bus'
  > import dgiotMixin from '@dgiot/dgiot-mqtt-dashboard/src/mixins/mqtt'
  Vue.use(dgiotBus)
  Vue.mixin(dgiotMixin)
  Vue.config.productionTip = false
  new Vue({
    > dgiotStore,
    render: h => h(App),
  }).$mount('#app')

examples.vue

<template>
  <div id="app">
    +<dgiot-mqtt-dashboard />
  </div>
</template>

<script>
+import dgiotMqttDashboard from '@dgiot/dgiot-mqtt-dashboard'
export default {
  name: 'App',
  components: {
    +dgiotMqttDashboard
  },
  mounted() {
    console.log(this.Store)
  },
}
</script>

Online examples

微服务