Lab 1

Hello NETPIE

Lab นี้เป็นการทดลองใช้ HTML5Microgear ด้วยวิธีง่ายๆ โดยการเขียนไฟล์ HTML ด้วย Javascript เพียงไฟล์เดียวเพื่อสร้าง Microgear ในการส่งข้อความผ่าน NETPIE กลับมายัง Browser ของตนเองเป็นระยะๆ Browser ซึ่งก็ถือว่าเป็น Thing ชนิดหนึ่งสามารถเชื่อมต่อกับ NETPIE ผ่านทาง Microgrear Library ขั้นตอนการทดลอง มีดังนี้

1.พิมพ์โค้ดข้างล่างลงใน Text Editor โดยแก้ไข APPID, KEY, SECRET ตามที่ได้สร้างไว้บนเว็บ NETPIE โดยให้เลือกชนิด Application Key เป็น Session Key รวมทั้งตั้งชื่ออุปกรณ์ (ALIAS) เพื่อใช้อ้างอิงในการสื่อสารจะเห็นได้ว่าการเรียกใช้ Microgear Library ถูก Define ไว้ในบรรทัดแรกที่อ้างถึง Source https://cdn.netpie.io/microgear.js

<script src="https://cdn.netpie.io/microgear.js"></script>

<script>
    const APPID = "YOUR_APPID";    // แทนที่ด้วยAppID
    const KEY = "YOUR_KEY";        // แทนที่ด้วยKey
    const SECRET = "YOUR_SECRET";     // แทนที่ด้วยSecret

    const ALIAS = "myhtml";        // ตั้งชื่อเรียกอุปกรณ์ (อย่างไรก็ได้ไม่จำกัด)

    var microgear = Microgear.create({
        key: KEY,
        secret: SECRET,
        alias : ALIAS
    });

     // สร้างฟังก์ชั่นที่จะตอบสนองต่อข้อความที่เข้ามา
    microgear.on('message', function(topic,msg) {            
        //ในที่นี้เราจะเอาข้อความไปแทนข้อความของHTML element ชื่อdata
        document.getElementById("data").innerHTML = msg;
    });

    // สร้างฟังก์ชั่นที่จะถูกเรียกเมื่อเชื่อมต่อNETPIE สำเร็จ
    microgear.on('connected', function() {
        microgear.setAlias(ALIAS); // ตั้งชื่อเรียกให้กับอุปกรณ์ตามตัวแปรที่ตั้งไว้ส่วนต้นของไฟล์

        // แสดงข้อความให้ทราบว่าเชื่อมต่อสำเร็จ
        document.getElementById("data").innerHTML = "Now I am connected with netpie...";     

        // ตั้งค่าtimer ให้ทำงานทุก1วินาที(ตัวเลข1000มีหน่วยเป็นmsหมายถึง1000 ms)
        setInterval(function() {
            // ส่งข้อความไปยังอุปกรณ์ที่มีชื่อตามตัวแปรALIASซึ่งก็คือตัวเอง
            microgear.chat(ALIAS,"Hello from myself at "+Date.now());
        },1000);
    });

    microgear.connect(APPID);  // สร้างการเชื่อมต่อไปยังNETPIE

</script>

<div id="data">_____</div>

Microgear ในตัวอย่างนี้คือ microgear-html5 ใน GitHub ซึ่งเป็น Client Library ของ NETPIE ที่จะเปลี่ยน Web Browser ให้เป็น Microgear เพื่อสื่อสารกับ Microgear อื่น

2.Save เป็นไฟล์ชื่อ hellonetpie.html จากนั้นดับเบิ้ลคลิกหรือคลิกขวาเพื่อเปิดไฟล์ด้วย Browser

3.บนหน้า Browser ที่เปิดขึ้นมา จะปรากฏข้อความ

Hello from myself at xxxxxxxxxx

โดย xxxxxxxxx เป็น Unix Time ที่จะเพิ่มขึ้นเรื่อยๆ ทุกๆ 1000 ms หรือ 1 วินาที