js client使用paho-mqtt，官网地址：http://www.eclipse.org/paho/，参考http://www.eclipse.org/paho/clients/js/官网给出例子Getting Started，写出下面简单的测试代码。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Centos7 mosquitto test</title>

<script src="jquery-3.2.1.min.js"></script>

<script src="paho-mqtt-min.js"></script>

<script type="text/javascript">

var hostname = "csxyz.xyz";      //主机IP  106.14.181.32    此域名已不是我在使用了(2019-6-16注)

var hostPort = 9001;             //port

var sub_count = 0;

var client;

function MQTTconnect() {

	client = new Paho.MQTT.Client(hostname, hostPort, "test");

	client.onMessageArrived = onMessageArrived;

	client.connect({onSuccess:onConnect});

    console.log("Host="+ hostname + ", port=" + hostPort);

};

// called when the client connects

function onConnect() {

  console.log("onConnect succeeds");

//  client.subscribe('topic');

  client.subscribe('#');    //订阅所有主题

}

// called when a message arrives

function onMessageArrived(message) {

	var topic = message.destinationName;

	var payload = message.payloadString;

	console.log("onMessageArrived:" + payload);

	sub_count++;

   $('#sub_count').val('收到订阅' + sub_count + '条');

   $('#sub_message').prepend('<li>' + topic + ' = ' + payload + '</li>');

}

function button_onclick(){

	var topic = $('#topicsend').val();

	var text = $('#textsend').val();

	if(topic=='' || text=='')

	{

		alert("noTopic or noText");

		return;

	}

	var message = new Paho.MQTT.Message(text);

	message.destinationName = topic;

	message.qos=0;

	client.send(message);

};

$(document).ready(function() {

    MQTTconnect();

});

</script>

</head>

<body>

<h1>mosquitto pub</h1>

topic:<input type='text' id='topicsend' size="60"/> <br>

text :<input type='text' id='textsend' size="60"/>

<input type='button' value="send" id='btn' onclick="button_onclick()"/>

</br>

<h1>mosquitto sub</h1>

<input type='text' id='sub_count' disabled />

<ul id='sub_message' ></ul>

</body>

</html>

html在本地运行，测试结果：

在censtos的apache空间根目录下创建文件夹iot，将index.html和需要包含的js文件拷贝过去，可以得到上面的结果。注意，文件上传的时候是在root用户下，需要增加可执行权限，否则运行会报错的。

javascript mqtt 发布订阅消息的更多相关文章

  1. JMS发布/订阅消息传送例子

    前言 基于上篇文章"基于Tomcat + JNDI + ActiveMQ实现JMS的点对点消息传送"很容易就可以编写一个发布/订阅消息传送例子,相关环境准备与该篇文章基本类似,主要 ...

  2. Kafka是分布式发布-订阅消息系统

    Kafka是分布式发布-订阅消息系统 https://www.biaodianfu.com/kafka.html Kafka是分布式发布-订阅消息系统.它最初由LinkedIn公司开发,之后成为Apa ...

  3. 高吞吐量的分布式发布订阅消息系统Kafka--安装及测试

    一.Kafka概述 Kafka是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据. 这种动作(网页浏览,搜索和其他用户的行动)是在现代网络上的许多社会功能的一个关键因 ...

  4. 分布式发布订阅消息系统 Kafka 架构设计[转]

    分布式发布订阅消息系统 Kafka 架构设计 转自:http://www.oschina.net/translate/kafka-design 我们为什么要搭建该系统 Kafka是一个消息系统,原本开 ...

  5. 分布式发布订阅消息系统Kafka

    高吞吐量的分布式发布订阅消息系统Kafka--安装及测试   一.Kafka概述 Kafka是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据. 这种动作(网页浏览, ...

  6. Kafka logo分布式发布订阅消息系统 Kafka

    分布式发布订阅消息系统 Kafka kafka是一种高吞吐量的分布式发布订阅消息系统,她有如下特性: 通过O(1)的磁盘数据结构提供消息的持久化,这种结构对于即使数以TB的消息存储也能够保持长时间的稳 ...

  7. 发布-订阅消息系统Kafka简介

    转载请注明出处:http://www.cnblogs.com/BYRans/ Kafka是由Apache软件基金会开发的一个开源流处理平台,由Scala和Java编写.Kafka是一种高吞吐量的分布式 ...

  8. Kafka(分布式发布-订阅消息系统)工作流程说明

    Kafka系统架构Apache Kafka是分布式发布-订阅消息系统.它最初由LinkedIn公司开发,之后成为Apache项目的一部分.Kafka是一种快速.可扩展的.设计内在就是分布式的,分区的和 ...

  9. 【9】JMicro微服务-发布订阅消息服务

    如非授权,禁止用于商业用途,转载请注明出处作者:mynewworldyyl 1. JMicro消息服务目前实现特性 a. JMicro只支持发布订阅消息服务,不支持队列式消息服务: b. 不支持消息持 ...

随机推荐

  1. 7.7 GRASP原则七: 纯虚构 Pure Fabrication

    GRASP原则七: 纯虚构 Pure Fabrication  如果依据信息专家原则获得的解决方案不合适,既不想违反低耦合.高内聚,也不想违 反其他的原则, 该如何把职责分配给对象?  左右为难… ...

  2. C# 使用事务transaction

    C# 事务里面如果只是针对单数据库,则可以使用SqlTransaction,跨数据库使用TransactionScope.

  3. phpldapadmin操作指导

    1.在浏览器中打开http://IP/phpldapadmin 2. 点击[Login]按钮,输入管理员密码. 3.点击[创建新条目]. 4. 点击[Generic: Postfix Group]. ...

  4. 2018普及组摆渡车洛谷5017（dp做法）

    啦啦啦,这一篇是接上一篇的博客,上一篇是记忆化搜索,而这一篇是dp+前缀和小技巧 dp这种玄学做法我这种蒟蒻当然不是自己想出来的,参考https://blog.csdn.net/kkkksc03/ar ...

  5. decltype typename

    decltype((variable))总是引用类型,但是decltype(variable)只有当variable是引用类型时才是引用类型. #include <iostream> #i ...

  6. python命名空间与作用域

    python命名空间与作用域   命名空间是名称与对象之间的关系,可以将命名空间看做是字典,其中的键是名称,值是对象. 命名空间不共享名称. 在命名空间中的名称能将任何python对象作为值,在不同的 ...

  7. lumion制作海上明月5.29

    点击海洋系统,打开海洋系统的开关,点击Q提升视线.按住shift提升海的高度,波浪强度调小.风速调高,风向调向朝向我们的方向,这样能看到更多涟漪. 拍照模式,添加特效,添加一个月亮,载增加一个太阳的特 ...

  8. C#mvc下拉框绑定

    控制器 ViewData["select1"] = new SelectList(b.bd(),"names","names"); 视图 @ ...

  9. Hadoop学习笔记01_Hadoop搭建

    想往大数据方向转, 难度肯定是有的. 基础知识肯定是要有的,如果是熟悉JAVA开发的人,转向应该优势大. 像我这样的,只有Linux基础以及简单的PHP基础的人,转向难度很大.但是事在人为,努力学习多 ...

  10. 外网访问SQLServer数据库holer实现

    外网访问内网SQLServer数据库 内网主机上安装了SQLServer数据库,只能在局域网内访问,怎样从公网也能访问本地SQLServer数据库? 本文将介绍使用holer实现的具体步骤. 1. 准 ...