obnizとの通信切断時の処理を記述する

通信切断時の処理を記述する
1. プログラム
  1. ソースコード
  2. プログラムの解説
2. 実行
まとめ

通信切断時の処理を記述する

obnizデバイスとプログラムが切断してしまった場合の処理を解説します。

プログラム

ソースコード

HTML

<html>
  <head>
    <meta charset="utf-8" />
    <script src="https://unpkg.com/obniz@3.26.0/obniz.js"></script>
    <script>
      const obniz = new Obniz("1234-5678");
      obniz.onconnect = async function() {
        obniz.display.clear();
        obniz.display.print("Hello,World!");
      };
      obniz.onclose = async function() {
        alert("obnizとの通信が切断されました");
      };
    </script>
  </head>
  <body>
    <h1>hello world test</h1>
  </body>
</html>

プログラムの解説

プログラム1と共通の部分は省きます。

obnizデバイスとの切断時の処理

JavaScript

obniz.onclose = async function() {
  alert("obnizとの通信が切断されました");
};

obnizデバイスとの接続時の処理にobniz.onconnectを使用したように、デバイスとの切断時の処理にはObniz.onclose を使用します。ここでは Obniz.onconnectと同様、無名関数 function(){ … } を代入する型式です。切断を検知すると、function(){ … }内に記述された処理が実行されます。

ただし、Obniz.onclose では obnizデバイス側で処理すべき内容を記述することはできません（既に切断してしているのですから、プログラムからデバイスに何かをさせることができません）。この例のようにブラウザに切断された旨のメッセージを表示したり、Webページ上に配置された操作用のフォーム要素を無効化するなどの処理を記述します。