php 做一个mqtt按钮,发布触发信号

在之前博客php 做一个文件下载服务器,得避免跨路径工具,安全很重要 中加了一个按钮,触发物联网设备返回数据。基于mqtt开发,如果想知道mqtt如何搭建,可以看我的博客【MQTT(1)】服务端的搭建

效果

需要写两个文件

1、一个php发送mqtt信号

<?php  
require 'vendor/autoload.php'; // 引入 Composer 的自动加载文件  
require('vendor/bluerhinos/phpmqtt/phpMQTT.php');

$server   = "gz.xxx.xxx.com"; // MQTT 服务器地址  
$port     = 1883;                // MQTT 服务器端口  
$username = "user1";     // MQTT 用户名(如果需要)  
$password = "123456";     // MQTT 密码(如果需要)  
$client_id = "phpMQTT-publisher"; // 客户端ID  


$mqtt = new Bluerhinos\phpMQTT($server, $port, $client_id);

if (!$mqtt->connect(true, NULL, $username, $password)) {  
    exit(1);  
}  
  
$topic = "example/temperature"; // MQTT 主题  
$content = "Hello MQTT!"; // 要发送的消息内容  
  
$mqtt->publish($topic, $content, 0); // 发送消息  
$mqtt->close(); // 关闭连接  
  
echo "Data Return success\n";  
?>

2、 AJAX 请求来实现这一点。以下是一个基本的实现方案: 前端 HTML 和 JavaScript

首先,你需要一个 HTML 页面,其中包含一个按钮,用于发送 AJAX 请求到 PHP 脚本。

html 复制代码
<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>MQTT Publish Button</title>  
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>  
    <script>  
        $(document).ready(function() {  
            $('#publishBtn').click(function() {  
                $.ajax({  
                    url: 'publish_mqtt.php', // 你的 PHP 脚本路径  
                    type: 'POST',  
                    success: function(response) {  
                        alert('Message published: ' + response);  
                    },  
                    error: function(xhr, status, error) {  
                        alert('Error: ' + error);  
                    }  
                });  
            });  
        });  
    </script>  
</head>  
<body>  
    <button id="publishBtn">Publish MQTT Message</button>  
</body>  
</html>

(正文结束)

相关推荐
2401_857439692 小时前
SSM 架构下 Vue 电脑测评系统:为电脑性能评估赋能
开发语言·php
SoraLuna2 小时前
「Mac畅玩鸿蒙与硬件47」UI互动应用篇24 - 虚拟音乐控制台
开发语言·macos·ui·华为·harmonyos
xlsw_2 小时前
java全栈day20--Web后端实战(Mybatis基础2)
java·开发语言·mybatis
Dream_Snowar4 小时前
速通Python 第三节
开发语言·python
高山我梦口香糖4 小时前
[react]searchParams转普通对象
开发语言·前端·javascript
信号处理学渣5 小时前
matlab画图,选择性显示legend标签
开发语言·matlab
红龙创客5 小时前
某狐畅游24校招-C++开发岗笔试(单选题)
开发语言·c++
jasmine s5 小时前
Pandas
开发语言·python
biomooc5 小时前
R 语言 | 绘图的文字格式(绘制上标、下标、斜体、文字标注等)
开发语言·r语言
骇客野人5 小时前
【JAVA】JAVA接口公共返回体ResponseData封装
java·开发语言