【MQTT（5）】php 做一个mqtt按钮，发布触发信号

news2024/11/27 18:42:39

在之前博客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 脚本。

<!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>