树莓派-改造插线板，支持手机平板控制开关

最新推荐文章于 2021-10-04 12:44:40 发布

清山博客

最新推荐文章于 2021-10-04 12:44:40 发布

阅读量1.1k

点赞数

分类专栏：树莓派

本文链接：https://blog.csdn.net/a497785609/article/details/77930798

版权

树莓派专栏收录该内容

16 篇文章 1 订阅

订阅专栏

改造原理图：

第1步：搭建Apache+PHP环境

具体步骤可以在网上搜索，此处只描述程序编写部分。

第2步：编写PHP网页端

一共2个页面，1个手机访问页面index.php，1个ajax请求响应页面ajax.php，代码如下：

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
    <title>树莓派网页开关</title>
    <style type="text/css">
        .main { text-align: center; }
        #btnSwitch { padding: 2em; width: 80%; background: gray; color: white; border: 0; font-weight: bold; font-size: 1em; border-radius: 1em; display: block; margin: 2em auto; }
        .on { background: red !important; }
    </style>
    <script type="text/javascript">
        var _status = false;
        var url = "ajax.php";
        $(function () {
            initStatus();
            $.ajax({
                type: "POST",
                url: url,
                data: {
                    action: "get-status"
                },
                success: function (result) {
                    _status = (result == "true");
                    initStatus();
                }
            });

            $("#btnSwitch").click(function () {
                _status = (!_status);
                $.ajax({
                    type: "POST",
                    url: url,
                    data: {
                        action: "set-status",
                        status: _status
                    },
                    success: function (result) {
                        initStatus();
                    }
                });
            });
        })
        function initStatus() {
            if (_status) {
                $("#btnSwitch").text("点击关闭").addClass("on");
            } else {
                $("#btnSwitch").text("点击开启").removeClass("on")
            }
        }
    </script>
</head>
<body>
    <div class="main">
        <h3>
            树莓派网页开关</h3>
        <span id="btnSwitch"></span>
    </div>
</body>
</html>

ajax.php

<?php
$action=$_POST[action];
$status=$_POST[status];
if($action=="get-status"){
	$str=file_get_contents("flag.txt");
	echo($str);	
}else{
	$myfile=fopen("flag.txt","w") or die("unable to open file!");
	fwrite($myfile,$status); 
	$str=file_get_contents("flag.txt");
	echo($str);	
}
?>

第3步：Python读取配置文件

import RPi.GPIO as GPIO
from gpiozero import Buzzer
import time

GPIO.setwarnings(False)
GPIO.setmode(GPIO.BCM)  
GPIO.setup(17,GPIO.OUT)
GPIO.setup(25,GPIO.OUT)

#for i in range(1,101):
while True:
    file=open("/var/www/html/discuz/pi/flag.txt")
    text=file.read()
    file.close()
    if(text=="true"):
        #print(text)
        GPIO.output(17,GPIO.HIGH)  
        GPIO.output(25,GPIO.HIGH)      
        
    else:
        GPIO.output(17,GPIO.LOW)
        GPIO.output(25,GPIO.LOW)
        #print(text)
    #time.sleep(.2)

这里接了一个二极管灯和继电器，所以用了2个GPIO接口，可以根据实际情况自行调整。

第4步：连接电路

可以参考原理示意图，注意继电器的入口电压接口和出口电压接口。

第5步：测试电路

上一张完成了的图，继电器被放在了插座内部。

由于涉及220V高压，操作前请务必检查电路并做好安全防护，注意用电安全！！！

清山博客

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
树莓派-改造插线板，支持手机平板控制开关

改造原理图：第1步：搭建Apache+PHP环境具体步骤可以在网上搜索，此处只描述程序编写部分。第2步：编写PHP网页端一共2个页面，1个手机访问页面index.php，1个ajax请求响应页面ajax.php，代码如下：index.php 树莓派网页开关 .main { text-ali
复制链接

扫一扫