Raspberry Pi を使って温湿度モニタリングとLED制御を行う

#!/usr/bin/env python
# デバッグ用
import cgitb
cgitb.enable()

import cgi
import json
import sys
import time
import RPi.GPIO as GPIO

print("Content-Type: text/plain")
print()

# Setting GPIO condition
GPIO.setmode(GPIO.BCM)
blueLED = 22 # call GPIO22 blueLED
yellowLED = 23 # call GPIO23 blueLED
redLED = 24 # call GPIO24 blueLED
GPIO.setup(blueLED, GPIO.OUT)
GPIO.setup(yellowLED, GPIO.OUT)
GPIO.setup(redLED, GPIO.OUT)

LED_TABLE = {
                "LED":{"LED1":blueLED, "LED2":yellowLED, "LED3":redLED},
                "ONOFF":{"ON":True, "OFF":False}
            }

data = sys.stdin.read()
cmd_json = json.loads(data)

# jsonデータからkeyを取り出して指定するLEDを点灯または消灯させる 
for key in cmd_json:
    GPIO.output(LED_TABLE.get("LED").get(key), LED_TABLE.get("ONOFF").get(cmd_json[key]))

# 受け取ったJSONデータをループバックする。ブラウザ側ではこちらのjsonデータが届いたことの確認の印としてJSONデータを受け取る。
print(json.dumps(cmd_json))

#!/usr/bin/env python
# デバッグ用
import cgitb
cgitb.enable()

import cgi
import json
import sys
import time
import smbus

print("Content-Type: text/plain")
print()

def getSH31data():
    i2c = smbus.SMBus(1)
    i2c_addr = 0x45                                                       

    i2c.write_byte_data(i2c_addr, 0x21, 0x30)                             
    time.sleep(0.5)

    i2c.write_byte_data(i2c_addr, 0xE0, 0x00)                             
    dataFromSH31 = i2c.read_i2c_block_data(i2c_addr, 0x00, 6)             

    T = ( dataFromSH31[0] << 8 ) | dataFromSH31[1]
    fTemp = float(T)* 175 / 65535.0 -45.0
    H = ( dataFromSH31[3] << 8 ) | dataFromSH31[4]
    fHumi = float(H) / 65535.0 * 100.0

    return fTemp, fHumi

receiveData = sys.stdin.read()
cmd_json = json.loads(receiveData)

for key in cmd_json:
    if(key =="GET"):
        cmd_json["TEMP"],  cmd_json["HUMI"] = getSH31data()
        print(json.dumps(cmd_json))

var url_post_port = "/cgi-bin/drive_led_gpio.py";
var url_post_sensor = "/cgi-bin/get_weather-data_i2c.py";

var flgTime = false;
var timerHundle = null;

colorTable = {
    "LED1":"background-color:#00BCF9",
    "LED2":"background-color:#FFFF33",
    "LED3":"background-color:#FF3300",
    "OFF":"background-color:#FFFFFF"
 }

// サーバーにPOST送信するJSONデータを生成するクラス
class makeingPortStatJsonData{
    constructor() {
        this.portStat =  { 
        "LED1":"OFF",  "LED2":"OFF", "LED3":"OFF"
        };
        console.log(this.portStat);
        this.sensorStat =  { 
            "GET":"DUMMY",  "TEMP":0.00, "HUMI":0.00
            };
        console.log(this.sensorStat);
    }
    // 指定したLEDをONまたはOFFしてポートマップを作り、JSONデータを生成する。
    getJSON_port(portname){
        var before = Object.assign({}, this.portStat);
        if ( this.portStat[portname] === "OFF" ) {
            this.portStat[portname] = "ON";
        } else {
            this.portStat[portname] = "OFF";
        }
        console.log(before);
        console.log(this.portStat);
        var json_data = JSON.stringify(this.portStat);
        return json_data;
    }
    // GET命令と温度と湿度データを受け取る箱からなるマップを作り、JSONデータを生成する。
    getJSON_sensor(){
        var json_data = JSON.stringify(this.sensorStat);
        return json_data;
    }
}
PortStatJsonData = new makeingPortStatJsonData();

// clickイベント処理
document.body.addEventListener("click", function(event){
        var eventClass = event.target.className;
        if ( eventClass === "PORT" ) { 
            // LED制御テスト画面からの、LED番号指定によるJSONデータの生成と、POST送信
            var json_data = PortStatJsonData.getJSON_port(event.target.id);
            xhrPost_port(url_post_port, json_data);
        }
} ,false);

var json_data = PortStatJsonData.getJSON_sensor();
if(flgTime == false) {
	timerHundle = setInterval(xhrPost_sensor, 1000, url_post_sensor, json_data);
	flgTime = true;
}
window.onbeforeunload = function(e) {
	if(flgTime) {
		clearInterval(timerHundle);
	}
}
   
function xhrPost_port(url, jsondata) {
    // XHRの宣言
    var XHR = new XMLHttpRequest();
    // openメソッドにPOSTを指定して送信先のURLを指定する
    XHR.open("POST", url, true);
    
    // sendメソッドにデータを渡して送信を実行する
    XHR.setRequestHeader('Context-Type', 'application/json');
    XHR.send( jsondata );
    
    // サーバの応答をonreadystatechangeイベントで検出して正常終了したらデータを取得する
    XHR.onreadystatechange = function(){
        if(XHR.readyState == 4 && XHR.status == 200){
            // POST送信した結果を表示する
            // サーバーが返したjsonデータを用いてボタンの色（状態）を変える
            let responseJson = JSON.parse(XHR.response);
            for( var key in responseJson ) {
                if ( responseJson[key] === "ON" ) {
                    document.getElementById(key).style= colorTable[key];
                } else {
                    document.getElementById(key).style= colorTable["OFF"];
                }                                                                      
            }          
        } else {

        }
    };
}

function xhrPost_sensor(url, jsondata) {
    // XHRの宣言
    var XHR = new XMLHttpRequest();
    // openメソッドにPOSTを指定して送信先のURLを指定する
    XHR.open("POST", url, true);
    
    // sendメソッドにデータを渡して送信を実行する
    XHR.setRequestHeader('Context-Type', 'application/json');
    XHR.send( jsondata );
    
    // サーバの応答をonreadystatechangeイベントで検出して正常終了したらデータを取得する
    XHR.onreadystatechange = function(){
        if(XHR.readyState == 4 && XHR.status == 200){
            // POST送信した結果を表示する
            // サーバーが返したjsonデータを用いて温度や湿度を表示する。
            let responseJson = JSON.parse(XHR.response);
                for( var key in responseJson ) {
                    if ( (key === "TEMP") || (key ==="HUMI" ) ) {
                        document.getElementById(key).innerHTML = (responseJson[key]).toFixed(2);
                    }                                                                                          
                }
        } else {

        }
    };
}