はじめに
BLEを簡単に制御できるということで、konashiを買ってみました。
これはWebで制御する方法が良く分からなかったので書いています。
購入したもの（ハードウエア）
konashi 2.0
本体、電池、説明書（B5)がついていました。
準備
iPhoneなどの対応機種に以下のアプリを入れます。(App Storeから)
- konashi.js
- LightBlue Bluetoothの確認用です。
HTML
k.findWithName("konashi2-f0276c");行のkonashi2-f0276cは、LightBlueで見えたIDに変更してください。
test.html
<html>
<head>
<title>konashi Test</title>
<script src="http://konashi.ux-xu.com/kjs/konashi-bridge.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" >
k.ready(function(){
document.getElementById("txt").innerHTML="Connected";
k.pinMode(k.PIO2, k.OUTPUT);
});
k.peripheralNotFound(function(){
document.getElementById("txt").innerHTML="NoFound Terminal";
});
k.disconnected(function(){
document.getElementById("txt").innerHTML="Disconnected";
});
$(function(){
$("#btnC").click(function(){
k.findWithName("konashi2-f0276c");
document.getElementById("txt").innerHTML="Connecting";
});
$("#btnD").click(function(){
k.disconnect();
document.getElementById("txt").innerHTML="Disconnecting";
});
$("#btn1").click(function(){
k.digitalWrite(k.PIO2, k.HIGH);
document.getElementById("txt").innerHTML="LED On";
});
$("#btn2").click(function(){
k.digitalWrite(k.PIO2, k.LOW);
document.getElementById("txt").innerHTML="LED Off";
});
});
</script>
</head>
<body>
<div id="txt">text</div>
<br />
<button id="btnC">Connect</button>
<br />
<button id="btn1">LED On</button>
<br />
<button id="btn2">LED Off</button>
<br />
<button id="btnD">Disconnect</button>
</body>
</html>
実行
実行は、konashi.jsアプリ内のWebブラウザを使います。Safariでは実行できませんでした。
参考