codebender: A Web-based Arduino IDE

 

現在是雲端時代，大家都想把軟體搬到網路上，最近國外就出現了一個叫作 codebender 的 Cloud-based Arduino IDE，可以讓使用者直接在 Browser 上寫 Arduino 程式。除了必須自行安裝 Arduino 的 USB Driver 外，使用者什麼都不用安裝，只要一個 Browser 就可以開始寫 Arduino 程式、編譯、甚至直接在 Browser 上 upload 程式到 Arduino 板子上。

codebender 的研發團隊甚至替 Arduino 設計了一個 TFTP bootloader，所以，如果你有 Ethernet Shield 還可以遠端更新 Arduino 的程式。

codebender 引起了我的興趣，所以我花了點時間試玩了一下。底下摘要一下 codebender 的用法:

1. 先到 codebender 申請一個帳號 - 註冊程序很簡單，輸入想要的帳號和密碼和 Email 就行了

2. 用剛剛註冊的帳號登入 codebender，你會看到類似底下的畫面:

接著點一下 First Example。寫程式的世界，萬事幾乎皆從 Hello World 起，而硬體微控制器的世界，則萬事皆從 Blink 開始。沒錯，我們現在正是要試 Blink 程式。當你點下 First Example 後，會開啟 Blink 程式跳到底下這個畫面:

▲ 左手邊是操作區，右手邊是程式碼編輯區

如上圖紅框框處，第一次使用時，在左手邊的操作區會提醒你安裝 Browser Plugin。裝了 Browser Plugin 才能透過 USB 上傳程式，所以請點一下 Add to Chrome 把它裝起來。

備註: codebender 的 Browser plugin 支援 Chrome, Firefox。我試過，Windows 7 + Chrome 23.0 可以正常使用，不過 Windows 8 + Chrome 沒試成功，其它環境我就沒試了。

裝好後，操作區會多出 Serial Port 下拉選單和 USB Flash 以及 Serial Monitor:

3. 接著照下圖指示，先選板子類型，接著點 Verify，確認 Serial Port 無誤後，最後按下 USB Flash，過幾秒鐘後程式就會 upload 到 Arduino 上:

這樣就完成囉。

除了 Arduino IDE 的 Ethernet, Firmata, LiquidCrystal, SD, SPI, Servo, SoftwareSerial, Stepper, Wire 等標準 Libraries 外，目前 codebender 也有提供一些額外的 Libraries，比如 DHT, DallasTemperature, HttpClient, ICMPPing, IRremote 等等，詳細資訊可以在這裏找到。如果要安裝其它 Library 的話，辦法是有，只是現在程序還很繁瑣，不方便。我想這應該還好，因為 codebender 現在還是 beta 版，相信日後會改善。