Konashi를 웹에서 사용

8888 단어 소리BLE

소개



BLE를 쉽게 제어할 수 있다는 것으로 konashi를 구입해 보았습니다.
이것은 웹에서 제어하는 ​​방법을 잘 모르기 때문에 쓰고 있습니다.

구입 한 것 (하드웨어)



konashi 2.0
본체, 전지, ​​설명서(B5)가 붙어 있었습니다.


준비



iPhone등의 대응 기종에 이하의 어플리를 넣습니다. (App Store에서)
- konashi.js
- LightBlue 블루투스 확인용입니다.

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 앱의 웹 브라우저를 사용합니다. Safari에서는 실행할 수 없습니다.

참고

좋은 웹페이지 즐겨찾기