WF8266R-2e55bca7.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.js GPIO.pin</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) {
            //載入完成要做的事情
            $("#btn").show();  //連線完成顯示按鍵
        },false);

        $(function () {
            //載入 WF8266R 元件
            GPIO.init();
            $("#btn").hide(); //未連線時把按鍵隱身
        });

        function callPin(){
            var pin = $("#txtPin").val(); //取得 輸入框 的數值

            //呼叫 GPIO.pin 送入輸入腳, 狀態值, 完成後回傳的結果
            GPIO.pin(pin,2, function(data){
                console.log(data);
            });
        }
    </script>

</head>
<body>
    <unu-wf8266r ip="mywfXXXX.local" websocket uuid="xxxx" device="xxxx"></unu-wf8266r>
    <span>請輸入腳位編號 : </span>
    <input id="txtPin" type="text">
    <button id="btn" onclick="callPin(); return false;">送出</button>
</body>
</html>

請按 RUN 執行