속편 1:토양 습도 센서를 추가(전편:여름방학의 공작에 추천!자동 물 공급기(Obniz+전동 등유 펌프)의 제작)

6456 단어 Thingspeakobniz

개요



마지막
여름방학의 공작에 추천! 자동 물 공급기(Obniz+전동 등유 펌프)의 제작
을 파워 업시켜 토양 습도 센서를 추가하여 웹상에서 토양 습도를 그래프로 볼 수 있도록 했습니다.
여름방학 한정의 공작을 위해, 토양 습도 센서는 못으로 만든 간이적인 것으로 하고 있습니다.

시스템 구성





①Obniz 서버사이드 이벤트로 30분마다 프로그램을 기동

② 토양 습도 센서 수치 취득

③ThingSpeak에 상기 값을 송신

프로그램



sendHumData.html
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://obniz.io/js/jquery-3.2.1.min.js"></script>
  <script src="https://unpkg.com/[email protected]/obniz.js" crossorigin="anonymous"></script>
</head>
<body>

<div id="obniz-debug"></div>
<h1>Soil Humidity</h1>
<button id="on">ON</button>
<button id="off">OFF</button>


<script>
var obniz = new Obniz("★ここにObnizのIDを入れてください★");
obniz.onconnect = async function () {


  var sensor = obniz.wired("SEN0114",  {vcc:0, output:1, gnd:2});

  var value = await sensor.getHumidityWait();
    //console.log('Humidity Level:' + value);


const request = new XMLHttpRequest();
request.open("GET", `https://api.thingspeak.com/update?api_key=★ここにthingspeakのキーを入れてください★&field1=${value}`);
request.send();


 // if (typeof done === "function") {
 //   done();
 // }  

}

</script>
</body>
</html>

상세 설명



①Obniz 서버사이드 이벤트로 30분마다 프로그램을 기동



위 프로그램 시작


② 토양 습도 센서 수치 취득



・자작 토양 습도 센서의 설명과 만드는 방법은 하기를 참고로 작성

(참고 사이트) 토양 습도 센서와 Scratch로 식물을 건조로부터 보호합시다.

■주의
위 프로그램은 obniz 공식 페이지에
SEN0114 (Soil Moisture Sensor)
을 바탕으로 만들고 있습니다만, 전제가 SEN0114를 사용하는 상정의 것 때문에, 못으로 자작한 센서와는 다른 움직임인지도. . . 우선 움직였다(젖는=수치가 오르는, 마르다=수치가 내려간다) 때문에 그대로 사용하고 있습니다. 전자 공작이 잘하는 분, 만약 잘못되어 있으면 코멘트 부탁합니다.

③ThingSpeak에 상기 값을 송신



아래를 참고로 계정을 작성하여 Fild1(습도용으로 설정한 항목)에 ②에서 취득한 값을 붙여 송신

ThingSpeak 사용법 설명
(참고 사이트) 데이터를 간단하게 저장&그래프화할 수 있는 ThingSpeak가 편리!

■ 데이터를 보내는 부분
request.open("GET", `https://api.thingspeak.com/update?api_key=★ここにthingspeakのキーを入れてください★&field1=${value}`);
■화면
물을 올렸을 때만 습도의 수치가 4까지 올라, 시간과 함께 서서히 내려가는 것을 알 수 있습니다


감상



・ThingSpeak는 전문을 보내는 것만으로, 데이터를 추가할 수 있으므로 매우 간단하고 편리했습니다.
・한층 더 무료라고 하는 것도 기쁩니다!

좋은 웹페이지 즐겨찾기