Skip to content

Latest commit

 

History

History
70 lines (48 loc) · 3.35 KB

README_JP.md

File metadata and controls

70 lines (48 loc) · 3.35 KB
Raw

iot-web-app

English

概要

Android OS のスマホと温湿度センサ Tukeru THを使用して、位置情報（緯度・経度・高度）と温湿度情報をアップロードする Web アプリです。PWA(Progressive Web Apps) として構成しているため、ネイティブアプリのようにアイコンをホーム画面に配置して起動できます。

デモ

demo

使い方

  • Start ボタンを押すと位置情報の取得/アップロードと、Bluetooth デバイスのスキャンを開始します。Tukeru Th センサを選択すると温湿度情報の取得とアップロードを開始します。

  • Stop ボタンを押すと情報取得/アップロードを停止します。

  • ホーム画面に起動アイコンを追加できます。アクセス時に"ホーム画面に追加”ダイアログが出たら追加ボタンを押してください。

インストール方法

  • iot-web-app は静的 Web コンテンツです。クラウドサービスなどを利用してホスティングしてください。ホスティング対象ファイルは下記です。
src
├── images
│   └── icons
│       ├── icon-128x128.png
│       ├── icon-144x144.png
│       ├── icon-152x152.png
│       ├── icon-192x192.png
│       ├── icon-384x384.png
│       ├── icon-512x512.png
│       ├── icon-72x72.png
│       └── icon-96x96.png
├── index.html
├── js
│   ├── dataUploader.js
│   ├── geolocationSensor.js
│   ├── screenWakeLock.js
│   └── tempHumiditySensor.js
├── main.js
├── manifest.json
├── service-worker.js
└── styles
    └── main.css

  • ローカル PC 環境でサーバを立ち上げ、USB デバッグモードで Android スマホから localhost にアクセスして使用することも可能です。

  • src/js/dataUploader.jsの 14 行目をデータのアップロード先となる任意の URL に書き換えてください。ホスティング先と異なるドメインにリクエストを送信するときは CORS 対応が必要です。

this.apiUrl = <任意のURLを記入してください>

  • PWA を有効にするため、HTTPS を使用してホスティングしてください。

  • 一度ホーム画面にアイコンとして登録されると、ホスティングを終了した後もアプリを使用し続けることができます。(アップロード先の API は有効である必要があります)

  • 一度読み込んでキャッシュされたアプリは、ユーザがキャッシュを消さない限り、更新されたコンテンツを読み込むことができません。キャッシュのバージョン管理をすることでコンテンツを自動更新することができます。詳しくはこちらのキャッシュ戦略の記事を参照してください。

対応 OS

Android OS の Chrome で動作確認しています。

参考

温湿度センサとの通信、物理値変換にはfutomi/node-linkingのライブラリを参考にさせていただきました。