描述

什么是小比特？

如果您住在舊金山灣區(qū)，您可能已經(jīng)在 BART 車站看到過 littleBits 廣告，并且想知道它們是什么。這些橙色、粉色、藍色和綠色的樂高積木玩具是學(xué)習(xí)電子產(chǎn)品和創(chuàng)建創(chuàng)意原型的絕佳工具。

littleBits是一個電子模塊的開源庫，您可以用磁鐵將它們吸附在一起。有超過 60 個模塊和超過 150,000 種可能的電路組合。littleBits 無需編程即可工作，但是，您可以使用 Arduino 捕捉模塊并輕松地將編程合并到電路中。

我喜歡狡猾的東西，并且沒有電氣工程背景。我會鉤針，但不知道如何焊接或接線。因此，littleBits Arduino at Heart模塊自然是我首選的微控制器。此外，作為一名前端開發(fā)人員，我選擇的編程語言是 JavaScript，因此我決定使用Johnny-Five在 node.js 中進行編碼。我想逐步分享我的經(jīng)驗，請繼續(xù)閱讀！

當(dāng)有人發(fā)推文時讓 LED 閃爍！

作為一個簡單的初始項目，我使用PubNub Twitter 數(shù)據(jù)流將 Twitter 連接到 littleBits 。當(dāng)有人發(fā)布您從網(wǎng)絡(luò)表單輸入的查詢時，它會通過閃爍的 LED 進行通知。看看藤！

在本文中，我將介紹創(chuàng)建一個沒有 Web 客戶端的更簡單版本的演示的過程。但是，帶有前端代碼的整個源代碼都在 GitHub 存儲庫中，如果您想查看！

?

在心臟板上設(shè)置 Arduino

讓我們開始使用 littleBits with Arduino at Heart。此程序僅供首次使用。如果您之前已經(jīng)使用過 littleBits，請?zhí)^此步驟。你需要：

• Arduino at Heart?模塊
• 電源?模塊
• 9V電池
• USB 電纜連接到您的計算機

然后，如下所示連接它們：

?

?

同時，下載Arduino IDE并安裝到您的計算機上。您只需要 IDE 進行初始設(shè)置。

除非您想繼續(xù)使用，否則您將不再需要它。在 Arduino IDE 上，轉(zhuǎn)到“工具” > “端口”并確保正確的板（“Arduino Leonard”）連接到正確的端口（“ tty.usbmodem...”對于 Mac，“ cu.usbmodem...”對于 Windows）。

Johnny-Five使用 Firmata 協(xié)議與 Arduino 通信，因此您需要安裝StandardFirmata：

• 在 IDE 上，打開文件>示例> Firmata > StandardFirmata
• 單擊上傳按鈕（箭頭按鈕）
• 等到 IDE 消息窗口顯示“上傳完成”
• 關(guān)閉 IDE，您不再需要 IDE

現(xiàn)在您已準備好捕捉和編碼！

?

使用 Johnny-Five 通過 JavaScript 與 Arduino 通信

Johnny-Five是一個開源的、基于 Firmata 協(xié)議的 Node.js 物聯(lián)網(wǎng)和機器人編程框架，由 Bocoup 的 Rick Waldron 開發(fā)。你已經(jīng)在最后一步用 Firmata 對你的 Arduino 進行了編程，所以現(xiàn)在你只需要在你的項目目錄中安裝 Johnny-Five！（當(dāng)然，如果你沒有安裝 Node.js ，你必須在你的機器上安裝！）

$ npm install johnny-five

?

閃爍的 littleBits 的 LED 模塊

現(xiàn)在，這是有趣的部分……讓我們使用 node.js 使 LED 閃爍！感謝 Anna Gerber，她在她的 GitHub 存儲庫上收集了所有信息和示例代碼以開始使用 Johnny-Five 編寫 littleBits，我們可以使用她的代碼開始！首先，通過將電源連接到 Arduino 上的 d0 和條形圖（或其他 LED 模塊）連接到 d5 來組裝電路。

?

?

然后，嘗試下面的 node.js 代碼并運行。（確保 littleBits 的電源已打開！）您會看到 LED 燈重復(fù)閃爍 1000 毫秒。現(xiàn)在我們將調(diào)整與 LED 交互的基本代碼。

 five = require(  );
 board =   .Board();

board.on(  ,  () {
  led =   .Led(  ); 
  led.strobe(  ); 
  .repl.inject({
    帶領(lǐng)：
  });
});

?

從 PubNub Twitter Firehose 獲取實時推文

好的，現(xiàn)在讓它變得更有趣。讓我們將它與 PubNub 的Twitter Firehose連接起來，而不是手動閃爍 LED，這樣當(dāng)世界上有人推特某些術(shù)語時，它會通過閃爍的燈光通知我！我之前在Twitter 的開發(fā)者博客上寫過一篇關(guān)于如何使用 Twitter 數(shù)據(jù)流的教程，但讓我回顧一下：

?

安裝和初始化 PubNub Node.js 模塊

首先，在項目目錄中安裝pubnub node.js 模塊。

$ npm install pubnub

將下面的代碼包含在您的 node.js 文件中，我們稱之為index.js. 我們正在使用名為 的公共流pubnub-twitter，因此使用頻道名稱和公鑰初始化 API。

 channel =  ;
 pubnub =  (  ).init({
   : 
});

訂閱實時數(shù)據(jù)

要檢索實時推文，您只需使用 PubNub subscribe()API。

 {
  ：頻道，
  ：函數(shù)（m）{
    
    
    
  }
});

在我的演示中，查詢實際上來自用戶通過 POST 從 Web 客戶端輸入，但是，為了使本教程易于理解，我將跳過使用 Express 創(chuàng)建 Web 應(yīng)用程序的過程。因此，我們暫時不使用用戶輸入，而是在數(shù)組中使用靜態(tài)字符串。使用任何你想要的字符串。

 = [  ,  ,  ];

讓我們使用查詢過濾來自 PubNub 數(shù)據(jù)流的大量推文。在callback上面的代碼片段中（待辦事項注釋所在的位置），包括以下代碼：

if (  .some(  (  ) { return m.text.toLowerCase().indexOf(  ) >= 
  閃爍（）
}

與 littleBits 交流

修改上面的約翰尼五號代碼示例，并創(chuàng)建眨眼功能。

眨眼（）{
  領(lǐng)導(dǎo)脈沖（）；

  董事會（， {
    領(lǐng)導(dǎo)（）；
  });

  董事會回復(fù)注入（{
    帶領(lǐng)：領(lǐng)導(dǎo)
  });
}

而不是strobe，我在pulse這里使用。它以 400 毫秒的間隔脈沖，并在 4000 毫秒后停止。每當(dāng)世界上有人發(fā)布您正在尋找的術(shù)語時，都會調(diào)用此函數(shù)！

好的，讓我們運行節(jié)點應(yīng)用程序！

確保您的 littleBits 模塊已正確連接，并且電源已打開。當(dāng)有人發(fā)布您指定的查詢時，LED 應(yīng)該會閃爍！

帶有前端代碼的源代碼（如 Vine 演示所示）位于 GitHub 存儲庫中，可以分叉它或引用它來創(chuàng)建您自己的！

閱讀更多

• PubNub：用于物聯(lián)網(wǎng)、移動和 Web 應(yīng)用程序的全球數(shù)據(jù)流網(wǎng)絡(luò)?
• PubNub 推特數(shù)據(jù)流
• Johnny-Five JavaScript 機器人和物聯(lián)網(wǎng)編程框架
• 用 JavaScript 編程 littleBits