Nefry Cloud App 만들기

5586 단어 NefryBTJavaScript
안녕하세요, 저는 네이비입니다.
2년 전 제작한 네프리 클라우드(잠정)를 업데이트해 봤기 때문에 기사를 정리하려고 한다.

뭘 했어?


네프릴 클라우드 앱pic.twitter.com/rl1OsulYWm - 샤오미 @네프리, 플루터 책 등(@wamisnet)December 8, 2019 제작 시도

Nefry를 이 느낌의 코드로 구동합니다.


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Nefry Cloud App</title>
    <script src="NefryCloudApp.js"></script>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <!-- UIkit CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" />
</head>
<body>
    <H1>Nefry Cloud App</H1>

    <button class="uk-button uk-button-default" id="red">LED Red</button>
    <button class="uk-button uk-button-default" id="blue">LED Blue</button>

    <script>
        let nefry = new NefryCloudApp("NefryCloud user","NefryCloud Key","Device ID");

        $("#red").on("click", function(){
            nefry.setLed(255,0,0);
        });

        $("#blue").on("click", function(){
            nefry.setLed(0,0,255);
        });
    </script>
</body>
</html>


어떻게


전문학교 수업에서 Nefry를 사용할 때는 C 언어로 시작하기가 어렵고, 연결로 시작하는 것이 자바스크립트라면 가져오기가 매우 쉽다p>

개발 환경이 없어도 사용하기 편합니다.


기술 구성


Nefry <--> Nefry Cloud <--> JavaScript


기본 구성은 Nefry Cloud의 확장입니다.


Nefry Cloud의 구조를 확장하여 데이터에 각자의 LED 제어 등을 추가하여 교환p>

하드웨어는 디스플레이에 DeviceID를 표시하기 위해 유일하게 처리할 수 있습니다.



총결산


NefryCloudApp에 대해 간단히 설명합니다.


사용하고 싶은 사람이 있다면 제 트위터에 메시지를 보낼 수 있다면 코드의 주체를 꼭 주고 싶습니다.


IoT 환경을 간단하게 만들 수 있다는 게 참 좋은 세상이라고 생각해요


좋은 웹페이지 즐겨찾기