描述

什么是小比特？

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

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

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

當有人發推文時讓 LED 閃爍！

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

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

?

在心臟板上設置 Arduino

讓我們開始使用 littleBits with Arduino at Heart。此程序僅供首次使用。如果您之前已經使用過 littleBits，請跳過此步驟。你需要：

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

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

?

?

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

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

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

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

現在您已準備好捕捉和編碼！

?

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

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

$ npm install johnny-five

?

閃爍的 littleBits 的 LED 模塊

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

?

?

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

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

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

?

從 PubNub Twitter Firehose 獲取實時推文

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

?

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

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

$ npm install pubnub

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

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

訂閱實時數據

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

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

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

 = [  ,  ,  ];

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

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

與 littleBits 交流

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

眨眼（）{
  領導脈沖（）；

  董事會（， {
    領導（）；
  });

  董事會回復注入（{
    帶領：領導
  });
}

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

好的，讓我們運行節點應用程序！

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

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

閱讀更多

• PubNub：用于物聯網、移動和 Web 應用程序的全球數據流網絡?
• PubNub 推特數據流
• Johnny-Five JavaScript 機器人和物聯網編程框架
• 用 JavaScript 編程 littleBits