vue连接MQTT进行通信

嫣如舜华 2018-09-27 04:42:18

MQTT服务器地址是以tcp://开头的，如图：

但是在浏览器中看到结果是url中的tcp://被自动替换成了ws:// 导致连接不上

请问怎么才能不被替换呢？

...全文

1865 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

嫣如舜华 2018-09-28

打赏
举报

引用 3 楼 usecf 的回复:

你搜下 Paho.MQTT这个 web端也有相应的mqtt

好的我去试试这个

嫣如舜华 2018-09-28

打赏
举报

引用 2 楼 lqlqlq007 的回复:

另外问的时候把对应的链接代码贴出来。也许代码里有做把tcp替换成ws的行为。

我看是有一个js里面替换了前面的协议

但是如果我把这里的代码中ws修改为tcp，会报这个错误：Failed to construct 'WebSocket': The URL's scheme must be either 'ws' or 'wss'. 'tcp' is not allowed.

usecf 2018-09-28

打赏
举报

你搜下 Paho.MQTT这个 web端也有相应的mqtt

讨厌走开啦 2018-09-27

打赏
举报

另外问的时候把对应的链接代码贴出来。也许代码里有做把tcp替换成ws的行为。

讨厌走开啦 2018-09-27

打赏
举报

MQTT里的资源是用websocket来维持更新的吧，是不是不能用他访问非本地资源。

前端页面使用MQTT协议(1883端口)完成消息发布与订阅

开源ThingLinks物联网一体化平台，高性能、高吞吐量、高扩展性的物联网平台！单机可以支持百万链接，同时支持自定义扩展功能，功能非常强大，采用netty作为通信层组件，支持插件化开发集成采用前后端分离的模式，前端框架VUE。后端采用Spring Boot、Spring Cloud & Alibaba。MqttBroker(支持集群化部署)基于Netty、Reactor3、Reactor-netty。注册中心、配置中心选型Nacos，权限认证使用Redis。流量控制框架选型Sentinel，分布式事务选型Seata。时序数据库采用TDengine开源、高效的物联网大数据平台、处理物联网海量数据写入与负载查询。支持统一产品模型管理,多种设备,多种厂家,统一设备连接管理,多协议适配(MQTT,WebSocket,TCP,UDP,CoAP,HTTP等)。灵活的规则引擎,设备告警,消息通知,数据转发。设备地理位置可视化查看,可视化大屏。TDengine时序数据库超级表设计概念：每个设备一张表,每类设备一个超级表

Vue是-个渐进式JavaScript框架，主要用于构建用户界面。它可以轻松创建功能强大的单页面应用程序，并在创建Web应用程序的视图层时实现其基本用途。Vue、React、 angular可以说是当今前端中三足鼎立的三大框架，而Vue社区的发展已经慢慢赶超angular以及React。Vue的优点是API齐全、灵活性高、极易. 上手、插件集成,在前端框架学习中,无疑Vue是第一选择。本课程基于ES6来学习Vue的整个API，其中包含Vue基础API、Vue组件化开发、Vue组件通信、官方脚手架Vue-cli3的使用、Vue-devtools的使用、element-ui第三方组件的使用、手把手带你打造自己的表单组件、Vue核心插件之vue-router和vuex、基于权限控制实现登录注册、前端路由原理、为什么要用vuex、单页应用和多页应用的区别、以及项目实战:购物车项目。通过学完本课程，你可以独立开发任何一款单页应用程序项目。

芦荟 - 物联网代理将 MQTT 数据包从 IoT 设备编码/解码到 Web 浏览器。使用标准作为主要目标/源协议。库取决于：下一个： Octoprint HTTP / MQTT 连接器剪辑处理程序？安装使用 npm ： $ npm install iot-agent --save 林亭使用 ESLint $ npm run lint 测试与摩卡 $ npm run test 生成文档使用 JSDoc 和 Vuepress $ npm run docs:dev $ npm run docs:build $ npm run docs:serve 例子模拟 MQTT Broker 与浏览器和 example_device（此处为模拟相机）通信的用例：本机浏览器和代理协议是 AloesClient aloesClient_topic : +userId/+c

演员云介绍 ActorCloud是一个物联网平台，可为具有低功耗物联网网络的企业提供一站式平台服务。它在安全可靠的基础上为设备提供多种协议访问，消息流管理，数据解析和数据处理功能。该平台提供基本的设备管理功能，以连接和管理大型设备，实现设备的消息通信和数据收集持久性，集成规则引擎和数据可视化管理，灵活地开放多个特权级管理和控制API，通过API快速开发上层以及实现多端访问和设备远程控制。多协议访问：支持低功耗标准协议，例如MQTT，CoAP，LoRaWAN和Websocket，并适应低功耗场景中的主流Wi-Fi模块，NB-IoT模块，LoRa网关和各种工业网关；设备管理：终端注

JavaScript

87,909

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章