WF8266R-93c3b920.html
注意:線上實作平台僅供練習, 程式請自行下載留存, 不定期會清空
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<title>WF8266R Web Component</title>
<!-- Imports WF8266R -->
<script src="http://wf8266.com/wf8266r/webcomponent/jquery-2.1.4.min.js"></script>
<script src="http://wf8266.com/wf8266r/webcomponent/wf8266r/wf8266r.js"></script>
<link href="http://wf8266.com/wf8266r/webcomponent/wf8266r/wf8266r.css" rel="stylesheet" />
<script>
document.addEventListener('wf8266r-ready', function (e) {
console.log(e.detail); //確定 ESP8266 區網IP
//示範 透過程式操作 GPIO
//ADC 類比腳位讀取
GPIO.adc(function(data){
console.log(data);
});
//Read 數位腳位5讀取 型態為 1 : OUTPUT (0:INPUT)
GPIO.read(5, 1, function(data){
console.log(data);
});
//PWM 類比輸出 0~1023
GPIO.pwm(2, 500, function(data){
console.log(data);
});
}, false);
//獲取 ADC 回傳的值
document.addEventListener('wf8266r-adcMessage',function(e){
console.log(e.detail);
});
//獲取 Read 回傳的值
document.addEventListener('wf8266r-readMessage',function(e){
console.log(e.detail);
});
$(function () {
//當網頁載入完畢要做的事情
GPIO.init();
});
</script>
</head>
<body>
<!-- 透過 TAG 設置相關操作參數 -->
<unu-wf8266r ip="mywfXXXX.local" websocket uuid="xxxx" device="xxxx"></unu-wf8266r>
<wf8266r-button id="gpio5" type="read" pin="5" value="1" watch="2000">PIN5 (OUTPUT) </wf8266r-button>
<wf8266r-button id="gpio4" type="read" pin="4" value="0" watch="2000">PIN4 (INPUT) </wf8266r-button>
<wf8266r-button id="adc" type="adc" value="200" watch="1000">ADC </wf8266r-button>
<br/>
<wf8266r-button id="LED" type="pwm" pin="2" value="0">LED PWM</wf8266r-button>
<br/>
<wf8266r-button type="gpio" pin="5" value="0">SW1 ON</wf8266r-button>
<wf8266r-button type="gpio" pin="5" value="1">SW1 OFF</wf8266r-button>
<br/>
<wf8266r-button type="gpio" pin="4" value="0">SW2 ON</wf8266r-button>
<wf8266r-button type="gpio" pin="4" value="1">SW2 OFF</wf8266r-button>
<br/>
<wf8266r-button type="gpio" pin="12" value="0">SW3 ON</wf8266r-button>
<wf8266r-button type="gpio" pin="12" value="1">SW3 OFF</wf8266r-button>
<br/>
<wf8266r-button type="gpio" pin="13" value="0">SW4 ON</wf8266r-button>
<wf8266r-button type="gpio" pin="13" value="1">SW4 OFF</wf8266r-button>
</body>
</html>
請按 RUN 執行