把遇到錯誤的、學習到的前端筆記在這邊

總瀏覽量

Copyright © Tzeng Ying-chi. 技術提供:Blogger.

2019/08/16

[2019鐵人賽] - 4.筆記IoT初練習-用JavaScript控制Arduino吧!- 環境篇


用JavaScript將統一世界!!(欸欸....不是吧XD

上一篇我們利用Aruduino的原生語言來測試版子是否正常,以及小小燒錄範例程式等~
讓大家了解熟悉並操作一下Arduino的環境 ٩(。・ω・。)و

魯宅我雖然有大學的時候有上過C語言的課程,但現在幾乎都忘光光了.....
但出社會轉職後現在上班都在寫JavaScript,哪有沒有辦法用JavaScript寫iOT呢?
在我心裡是存在這樣的疑惑的....

經過了一番搜尋後答案是,可以的! 。:.゚ヽ(*´∀`)ノ゚.:。灑花
就讓我們看看要怎麼用JavaScript來一統世界軟硬體吧XD


這邊要準備的環境有

硬體部分

> Arduino Uno 一片
> USB TypeB 線材一條
> LED燈 隨便來一顆(也可以不用,用內建的LED也可以)

硬體部分和上篇是一樣的~

軟體環境部分

> Node.JS (穩定版即可)
> Arduino Web Editor
> npm johnny-five

準備好之後Let's go!( • ̀ω•́ )
先來看一下成功的結果

執行NodeJS來控制Aruduino

Step 1. 燒錄Firmata協定

Firmata 協定是軟體和硬體溝通的橋樑,你可以用各種程式語言讓 Arduino 和 host computer 溝通藉由控制腳位等等
官方介紹原文在此

>The Firmata library implements the Firmata protocol for communicating with software on the host computer. This allows you to write custom firmware without having to create your own protocol and objects for the programming environment that you are using.

Arduino Firmata Libraryhttps://www.arduino.cc/en/reference/firmata

依照上一篇  Step 4.  電腦USB接上 Arduino 後,開啟 Arduino Web Editor,最左邊 Meun列選擇
 [ Libraries → Search Libraries 中輸入" firmata " → 找到 Firmata 如圖所示下拉選擇最新版本 → 直接燒錄進 Arduino 即可 ]

→ 圖解說明 (ง๑ •̀_•́)ง





→ 燒錄 Firmata 等待幾秒~  ( ´Д`)y━・~~




→ 燒錄 Firmata 成功的樣子 ヽ(・×・´)ゞ




Step 2. 安裝 johnny-five 套件

創新專案並且安裝 johnny-five 套件用 JavaScript 來控制 Arduino ,步驟如下:

1. 創建 package.json 
開啟終端機,到專案資料夾路徑下輸入指令 npm init 接著會出現要你填寫初始專案的相關資訊,想略過的話也可以一直按enter就好,這邊不多解釋了~
創立完後會產生package.json這隻檔案,主要的功能是用來掌控專案資訊等等的....

→ 輸入指令 npm init

 → 輸入專案資訊,確認無誤輸入 yes

2. NPM Install johnny-five 
創建好package.json後,我們就可以來安裝最主要的johnny-five了!
輸入指令 npm install johnny-five --save 按下enter,開始安裝吧~ ლ(́◕◞౪◟◕‵ლ)

 → 輸入指令 npm install johnny-five --save


→ 安裝好johnny-five 會長這樣~(❛◡❛✿)


完成!ε٩(๑> ₃ <)۶з
這時候資料夾結構應該會像這樣↓↓↓

環境的安裝是搞比較久一點也比較無聊....
但只要弄好這邊後面就可以來好好的玩啦~(๑•̀ω•́)ノ

J5真的造福了我們這些新手開發者來進入物連網的世界!
但是有一些硬體方面的東西可能對不是本科系的人來說會比較難理解....
我們就繼續慢慢看下去吧~

下篇繼續要用JavaScript來寫程式囉~

本文到這邊先下台一鞠躬了,有錯敬請留言改正,感謝您的閱讀啦~<(_ _)>

0 留言:

張貼留言