vue+mqtt 实时消息对列

更新：新增 根据主题判断的增删改的逻辑

终于抽出来点时间更新一下了，还是上班的时间！
看了评论说项目跑不起来，特此更新了简单实例，现在可以跑起来了！
看好了给个小星星，支持一下！

怎么新建一个项目工程，这里就不说了！主要说mqtt，怎么使用mqttws31.js，发送一个消息，怎么接收显示的问题！
代码会放到我的GitHub上，往后看！

index.html

    
    
    
    
    
      //引入js
           //引入主题配置文件


    

    
    

config.js

 host = '222.73.204.54'; // hostname or IP address ,自己配的消息队列服务，这里用的在线的服务，测试工具的话也会放到github；地址在最下方！
 port = 9001;  //端口
 addtopic = 'add'; //约定的主题
//下面暂时不用在意，下次会讲
 useTLS = false;
 username = null;
 password = null;
 cleansession = false;

上面东西配好后，下面就是重点了: 具体代码解释，会写到注释里！

app.vue

消息验证

提供一个这样的在线的测试工具；

(SJBLQ$O)6JCDOT13P65R1F.png

介绍一下：
1.server： 消息队列服务所在的地址，保证和config.js里面的地址一样；
2.port：端口保证和config.js里面的地址一样；
3.订阅：是订阅主题的地方，要和config.js约定的主题相同，才可！
4.发布，填写topic，我们是“add”，payload,内容，如上图！随便写！
点击发布，在你的页面，就能看到你发送的信息了！

1526366434(1).jpg

ok，结束了！拿去用到项目里吧！

github地址：[https://github.com/sky-xsk/vue-mqtt-mqttws31.js-]

给个星星star，说明你看过！谢谢！