編集履歴一覧に戻る
romes_cycのアイコン画像

romes_cyc が 2021年02月10日01時01分06秒 に編集

初版

タイトルの変更

+

水漏れを検知して通知するシステム

タグの変更

+

LINE

+

ESP32

+

IFTTT

+

秋葉原2021

メイン画像の変更

メイン画像が設定されました

本文の変更

+

# 製作の経緯 水道の配管を自分でいじった後は水漏れが怖いのでこのような装置をつくりました。 # しくみ 1. 水漏れセンサに何らかの反応があったとき、ESP32のGPIOに信号が入力されます。 1. ESP32ではGPIOの信号をトリガーにして、IFTTTへ信号をGETでおくります。 1. IFTTTでは信号を受信して、LINEをメッセージを送信します。(GET処理があればLINEに通知を送るように設定しておきます) ![キャプションを入力できます](https://camo.elchika.com/3af7a0d16c07c0ca2aaeb6c0d056b4880c3c6b0c/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f33663230366638392d376461632d346666312d393261392d3039353238356366636232642f66646136306531622d316162382d346461612d383533622d383062653437666163326663/) # 製作 ## 利用した部品 - ESP32 https://amzn.to/36X81PC - 水漏れセンサ https://amzn.to/3tBwkMN - ブレッドボード - ジャンプワイヤ ## ハードウェアの組み立て ESP32へは図のように接続します。 ESP32のUSBは書き込み時はPCへ、動作させるときはスマホの充電につかうUSBアダプタなどに接続します (モバイルバッテリーを使う場合、IoT用のものを使う必要があります。モバイルバッテリは電流が少ないと自動的にシャットダウンをする機能が搭載されており、省電力なIoT機器ではシャットダウンされてしまいます。) ![キャプションを入力できます](https://camo.elchika.com/6e8b963463de6e950412c69521a25b3f17c248bf/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f33663230366638392d376461632d346666312d393261392d3039353238356366636232642f36343262376337322d383062312d343132332d616664642d303139666133386436356433/) ## 漏水センサの感度調整 1. 漏水センサの可変抵抗を時計回しに回し、LEDが2つとも点灯する状態にします。 1. センサに水がついていない状態で、反時計回りに回し、LEDが点灯しなくなったら止めます。 1. センサに水をつけてみて、2の手順で消えたLEDが点灯すればOKです。点灯しない場合は感度調整をやり直してみてください。 ## (事前準備) IFTTTとLINEの設定 ESP32からIFTTTに信号を送るために必要なIFTTT(受信側)の設定を行います。 1. https://ifttt.com/home へアクセスしてアカウントを作成 or ログインします。 1. 右上のCreateをクリック。(すでに作成している場合は、既存のアプレットの右にある+Createをクリック) 1. This のところにある「Add」をクリック If this then that という画面が現れました。thisのところとthatのところに処理を追加します。今回はthis がESP32から信号を受信したら,ThatはLINEに通知をおくるにします。 ![キャプションを入力できます](https://camo.elchika.com/7eeebd0c48edd2bd61a37ec98d04b57187847f81/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f33663230366638392d376461632d346666312d393261392d3039353238356366636232642f61313264643235632d393366352d343938322d623562332d373832353639656330356463/) 1. Webhookで検索して,Webhookを選択 1. イベントの名前を聞かれるので、mizumoreとしておきます。(ここはご自由に文字を入力してください。) ![キャプションを入力できます](https://camo.elchika.com/c8ba38f53b5b6555c23effacc61adb952de3653f/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f33663230366638392d376461632d346666312d393261392d3039353238356366636232642f34383032633062342d303130642d346330372d623834652d633762303465643564633762/) 1. もとの画面に戻ってきました。このとき、If thisの画面にはWebhookが追加されていることが確認できると思います。もし、見当たらない場合は右上のDeleteを押してやり直す or addをクリックしてやり直してください。 1. つぎは、that の方を「Add」します。 ![キャプションを入力できます](https://camo.elchika.com/72012b69c616df803225a609f5166cd8bcc352a6/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f33663230366638392d376461632d346666312d393261392d3039353238356366636232642f61396137386638372d656230612d343730372d623034652d353431373138316332363432/) 1. ここでLINEを検索し、選びます。 1. Send massageをクリック 1. LINEと連携しますか?と聞いているので「Connect」をクリック 1. LINEに登録しているメールアドレスとパスワードを入力します。(未設定の場合や忘れた場合はLINEアプリで設定/確認する必要があります→https://help.line.me/line/ios/categoryId/50000436/3/pc?lang=ja ) 1. Recipientではどこに通知するかを選びます。自分だけへの通知やグループへの通知などが選べます。グループへ通知する場合は予めLINEアプリでグループを作成し、そのグループに「LINE Notify」を友だちとして追加しておく必要があります。 1. MessageのところにはLINEから送られてくるメッセージを選べます。今回は、もとからあったコメントを消して、「水漏れを検知しました。」としました。 ![キャプションを入力できます](https://camo.elchika.com/1d09cdab872c8209f6b313a46d99e0045c411f35/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f33663230366638392d376461632d346666312d393261392d3039353238356366636232642f36336364326165652d373130662d343037332d383433372d613065373065383865626430/) 注意:無料プランでは3つまでしか同時にActiveにできないので、すでに使われている方は課金や無効にするなどが必要です。 アドレスの確認 WEBhookは用意されたアドレスにアクセスされるということです。今回は用意されたアドレスにアクセスされるとLINEに通知を送るような使い方をしています。このアドレスを確認する作業をします。 まずは、https://ifttt.com/maker_webhooks ここにアクセスして、右上にある「Documentation」をクリックします。 そうすると,Your key is:〇〇と出てきたと思います。これがURLであり、鍵でもあります。このアドレスを知っているひとは誰でも通知を遅れるので秘密にしましょう。 これをもとにアドレスを作ると以下のようになります。mizumoreは先程の if thisのWebhookで設定した「Event name」です。 hogehogeSAMPLEfoobarのところには、Your key is○○の〇〇を入れます。 https://maker.ifttt.com/trigger/mizumore/with/key/hogehogeSAMPLEfoobar これでURLが完成しました! 動作確認をしてみます。ChromeなどのWEBブラウザのアドレス欄にこのURLを打ち込んでEnterをクリックします。すると、画面にはCongratulations!と表示され、LINEに通知がくるはずです。 ![キャプションを入力できます](https://camo.elchika.com/80ce92898962cfd982146d0ed440900e50e90a53/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f33663230366638392d376461632d346666312d393261392d3039353238356366636232642f34326635343563612d646263392d343666342d613435382d613936636633373639356230/) エラーのときは、、、 - {"errors":[{"message":"You sent an invalid key."}]} → keyのところが間違っています。余分なスペースや最初の1文字目をコピーし忘れていませんか? - Congratulations!と表示されているけど、来ない。→ Event nameの設定は大丈夫ですか?こちらも正しく入力できているかを確認してください。 後から設定やメッセージを変えたいときは、https://ifttt.com/home に行き、アプレット(今作ったやつをアプレットといいます)をクリック、右上にある「Settings」をクリックすると編集できます。 ## ESP32ファームウェア ここを参考にESP32の環境を構築します。https://rikoubou.hatenablog.com/entry/2019/06/19/161443 サンプルソースのWiFiClientをもとにソースを記入しました。 GPIOの15番pinに接続したセンサがLOWになると通知が飛ぶようになります。 このセンサは水滴を検知すると信号の出力がLowになるため、!pinのように!をつけて論理否定をしています。 変更する点 - ssid - password - eventName - key ``` /* * This sketch sends data via HTTP GET requests to data.sparkfun.com service. * * You need to get streamId and privateKey at data.sparkfun.com and paste them * below. Or just customize this script to talk to other HTTP servers. * */ #include <WiFi.h> #include <HTTPClient.h> const char* ssid = "ssid"; // ""で囲まれた中にSSIDをいれる const char* password = "pass"; // ””で囲まれた中にWi-Fiパスをいれる const char* host = "maker.ifttt.com"; // ここは変えなくてOK const char* eventName = "mizumore"; // ””で囲まれた中にeventNameをいれる const char* key = "hogehogeSAMPLEfoobar"; // ””で囲まれた中にkey(Your key is○○の〇〇)をいれる void setup() { Serial.begin(115200); delay(10); pinMode(15, INPUT); } void loop() { delay(5000); int pin = digitalRead(15); Serial.println(pin); if(!pin){ wifisetup(); sendifttt(); WiFi.disconnect(); } } void wifisetup(){ // We start by connecting to a WiFi network Serial.println(); Serial.println(); Serial.print("Connecting to "); Serial.println(ssid); WiFi.begin(ssid, password); while (WiFi.status() != WL_CONNECTED) { delay(500); Serial.print("."); } Serial.println(""); Serial.println("WiFi connected"); Serial.println("IP address: "); Serial.println(WiFi.localIP()); } void sendifttt(){ Serial.print("connecting to "); Serial.println(host); // Use WiFiClient class to create TCP connections WiFiClient client; const int httpPort = 80; if (!client.connect(host, httpPort)) { Serial.println("connection failed"); return; } // This will send the request to the server client.print(String("GET ") + "/trigger/"+ eventName + "/with/key/" + key + " HTTP/1.1\r\n" + "Host: " + host + "\r\n" + "Connection: close\r\n\r\n"); unsigned long timeout = millis(); while (client.available() == 0) { if (millis() - timeout > 5000) { Serial.println(">>> Client Timeout !"); client.stop(); return; } } // Read all the lines of the reply from server and print them to Serial while(client.available()) { String line = client.readStringUntil('\r'); Serial.print(line); } Serial.println(); Serial.println("closing connection"); } ``` # 動作実験 水をセンサの上に垂らしてみます。するとセンサ基板のLEDが赤くひかり、10秒程度でLINEに通知がとんでくるはずです。 WiFiへの接続が遅い場合は30秒から1分程度かかる場合がありました。 センサへの水滴がなくなると、通知は来なくなります。 万一外出先などで水滴をとれないけど、通知を止めたい場合はLINEでBlockするか、IFTTTの設定からブロックを無効にすると止まります。 # 改造 IFTTTのthen thatのところで、GmailやTwitterなどを選択すると通知先を変更できます。