Konashi를 웹에서 사용
소개
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에서는 실행할 수 없습니다.
참고
Reference
이 문제에 관하여(Konashi를 웹에서 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/NWLab/items/c52ba643a0ddd3b8683d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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에서는 실행할 수 없습니다.
참고
Reference
이 문제에 관하여(Konashi를 웹에서 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/NWLab/items/c52ba643a0ddd3b8683d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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에서는 실행할 수 없습니다.
참고
Reference
이 문제에 관하여(Konashi를 웹에서 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/NWLab/items/c52ba643a0ddd3b8683d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Konashi를 웹에서 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/NWLab/items/c52ba643a0ddd3b8683d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)