6.6 PC 側のコードを読む

PC側コード

• CodeSandboxで開いている PC.js を見てみましょう

// Remote Example4 - controller
import {RelayServer} from "https://chirimen.org/remote-connection/js/beta/RelayServer.js";

window.OnLED = OnLED;
window.OffLED = OffLED;

var channel;
onload = async function(){
	// webSocketリレーの初期化
	var relay = RelayServer("chirimentest", "chirimenSocket" );
	channel = await relay.subscribe("chirimenLED");
	messageDiv.innerText="web socketリレーサービスに接続しました";
	channel.onmessage = getMessage;
}

function getMessage(msg){ // メッセージを受信したときに起動する関数
	messageDiv.innerText = msg.data;
}

function OnLED(){ // LED ON
	channel.send("LED ON");
}
function OffLED(){ // LED OFF
	channel.send("LED OFF");
}

プログラムは以下の流れで実行されています。

• JavaScript Module仕様に基づいて relayServer.js を読み込み

import {RelayServer} from "https://chirimen.org/remote-connection/js/beta/RelayServer.js";

• relayServer.jsを使い、UIを通してユーザからの操作指示を送信
  • 初期化
  • 送信処理～（UI(ボタン)に設置したコールバック関数をもとに送信

コードの詳細解説はこちらを参照してください