接点監視をして設備の稼働状態をAPIで図面に表示

2024/03/22

遠隔制御の活用例

SMARTIOは遠隔接点監視・制御装置として、APIも用意しています。例えば、施設の図面や地図の画像を組み合わせると、設備の稼働状態を表示するサイネージ用の画面を作成することが可能です。

SMARTIOのローカルAPIとは

ローカルAPIでは、ローカルネットワーク内の機器の接点監視・制御をSMARTIOで行うことができます。
同一拠点に設置された複数のSMARTIOをまとめて状態表示したり、操作を一括で行う場合などに、より便利にお使いいただけます。

ローカルAPIを使ったカスタマイズ

ローカルAPIを使い、工場内にある複数設備の電源の状態を、サイネージで表示するまでの流れを簡単にご紹介します。

HTMLを使い、ブラウザの上で表示する画面をカスタマイズで作成し、サイネージへ表示します。

1. SMARTIOと設備機器を接続

設備機器をSMARTIOの接点入力ポートへ接続します。

2. APIユーザを作成

SMARTIOの管理画面「ユーザ管理」より、APIが実行可能なユーザを作成します。
「管理」または「API」を選択し、任意のユーザID・パスワードを入力してください。

3. 入力ポート状態を取得

APIを使いSMARTIOの入力ポート状態を取得し、
設備の電源のON/OFFの状態を、工場の図面上に表示します。
以下のコードは入力ポートの状態を取得するHTMLの例です。
より詳しい情報は開発者向け情報をご覧ください。

<pre id="result"></pre><script>  const userId = "[APIが実行可能なユーザのユーザID]";  const password = "[APIが実行可能なユーザのパスワード]";  async function api(portNo, operation) {    const response = await fetch("http://[SMARTIOのアドレス]/v1/query", {      method: "POST",      headers: {        authorization: "Basic " + btoa(userId + ":" + password),        "Content-Type": "application/json",      },      body: JSON.stringify({        query: `          query {            inports {              edges {                node {                  portNo                  state                }              }            }          }        `,      }),    });    const result = await response.json();    console.log(result);    return result;  }  api().then((result) => {    document.getElementById("result").textContent = JSON.stringify(      result,      null,      2    );  });</script>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

実行結果は以下の様になります。

{  "data": {    "inports": {      "edges": [        { "node": { "portNo": "ONE", "state": "OFF" } },        { "node": { "portNo": "TWO", "state": "OFF" } },        { "node": { "portNo": "THREE", "state": "OFF" } },        { "node": { "portNo": "FOUR", "state": "OFF" } }      ]    }  }}1
2
3
4
5
6
7
8
9
10
11
12