おびやまロボット研究所ブログ

IoTのデータ可視化サーバーを自分用に作ったけど、IDを勝手に作ったりされないようにメールで登録・認証するようにして、外部からの利用も高負荷にならなければよいので暫定的に無料公開にしました。
暫定的というのは、後で有料にしようとか思ってるわけではなくて、セキュリティ的に緩いので荒らされたらやめるかも、ということです。

https://cpu4edu.net/iot/

一回作っとくと後で便利なので、メールアドレスで認証して、IDを作成して使うシステムを
phpで書いてみた。
メールアドレス送ると、IDと認証番号がメールで送ってきて、サイトで両方入れて一致したらID作成完了。
そのIDを使ってデータをサーバーに送って、可視化できます。データのダウンロードも可。
もうちょっと作ったら公開するかも。

Javascriptのリファレンスはこちらを見てる。
古い人間なので本を買って勉強したいところだけど、
オンラインで凄いボリュームがあってありがたいです。

https://developer.mozilla.org/ja/docs/Web/JavaScript

Javascriptはちょっとしか書いたことがないので、文法が良く分からない。
簡単なことを試すのは、

p5.js

が便利。ブラウザ上で、書いて動かして文法確認できる。
editorに行ってコード書いて動かすと、別に画面表示無くてもコンソールに出力ができるので、文法確認したり、オブジェクトや配列や、関数の動作を確認するのにいいです。

Javascriptとphpを簡単に書いてみてIoTでデータ可視化できるようにしてみた。
X軸に対してY1,Y2の2本分のデータをくっつけたURLを送るとデータがテキストファイルに追記されるphpを書いてデータを送る。

https://cpu4edu.net/ひみつ/dataひみつlog.php?x=10&y1=12&y2=14

さっき書いた、JavaScriptでテキストファイルを読み込む方法のところでサンプルを利用して、追記したデータファイルを読み込む。
そのデータを plotlyに送ってプロットするjavascriptを書いた。

セキュリティ考慮してないので、コードはここでは書きません。