Webブラウザからmbedを操作する（ＬＡＮコネクタＤＩＰ化キット使用）

解説

ＬＡＮコネクタＤＩＰ化キットを使用すると、mbedをWebサーバーにできます。

EthernetNetIfライブラリと、HTTPServerライブラリを使用すると、簡単にmbedをWebサーバーにできます。

センサーWebサーバーにするときに最低すべきことは、

WebブラウザからのPostデータを処理するクラスを、HTTPRequestHandlerクラスの派生クラスとして、作成する。
EthernetNetIfオブジェクトを作成する。
EthernetNetIf オブジェクト名( IPアドレス, サブネットマスク, ゲートウェイ, DNS );
HTTPServerオブジェクトを作成する。
HTTPServer オブジェクト名;
EthernetNetIfオブジェクトをセットアップする。
EthernetNetIfオブジェクト . setup();
パスに対してHTTPServerの動作を設定する。
パス名として、「"/"」を指定する。
動作種類として、1.で作成したクラスを指定する。
HTTPServerオブジェクト . addHandler<動作種類>( パス名 );
HTTP通信のポート番号として80を設定する。
80以外を指定した場合には、ブラウザからアクセスするときには、http://IPアドレス:ポート番号/～でアクセスする。
HTTPServerオブジェクト . bind(80);
無限ループを作成、その中で、定期な問い合わせを行う。
while( 1 )
{
　　Net::poll();
}

部品表

部品名	数量	商品名	参考価格
LANコネクタDIP化キット	1	LANコネクタDIP化キット	200円
LED	1	赤色LED 3mm OSDR3133A	100個350円
75Ω抵抗器	1	カーボン抵抗（炭素皮膜抵抗） 1/6W 75Ω	100本100円
mbedボード	1	mbed NXP LPC1768	5,250円
ブレッドボード	2	EIC-801	250円
ジャンパーワイヤ	適量	ジャンパーコード（オス－オス）セット	100mm49個 150mm8個 200mm4個 250mm4個のセット200円

接続表

LANコネクタDIP化キット		mbed側
ピン番号	ピン名称	ピン番号
1	TD+	TD+
2	TD-	TD-
3	RD+	RD+
4	NC	無接続
5	NC	無接続
6	RD-	RD-
7	NC	無接続
8	NC	無接続

接続例

サンプルコード

main.cpp
#include "mbed.h" #include "EthernetNetIf.h" #include "HTTPServer.h" #include "PostHandler.h" EthernetNetIf ethif( IpAddr(192,168,1,102), // IP IpAddr(255,255,255,0), // Subnet mask IpAddr(192,168,1,1), // Gateway IpAddr(192,168,1,1) ); // DNS HTTPServer server; DigitalOut ledAliveCheck(LED1); // for alive check DigitalOut led1(p21); DigitalOut led2(p22); DigitalOut led3(p23); bool g_bLed1 = false; bool g_bLed2 = false; bool g_bLed3 = false; int g_iSpeed = 5; double g_dInterval = 0.5 + (g_iSpeed - 1) * (0.01 - 0.5) / (9 - 1); bool g_bHighLow = false; int main(void) { // EthernetNetIf setup if( ethif.setup() ) { return 1; } // Set web root path handler server.addHandler<PostHandler>("/"); // Set http port server.bind(80); Timer tmAliveCheck; Timer tmLed; tmAliveCheck.start(); tmLed.start(); while(1) { Net::poll(); if( 1.0 < tmAliveCheck.read() ) { ledAliveCheck = !ledAliveCheck; // high->low, low->high tmAliveCheck.start(); } if( g_dInterval < tmLed.read() ) { g_bHighLow = !g_bHighLow; if( g_bLed1 ){ led1 = g_bHighLow; } else { led1 = false; } if( g_bLed2 ){ led2 = g_bHighLow; } else { led2 = false; } if( g_bLed3 ){ led3 = g_bHighLow; } else { led3 = false; } tmLed.start(); } } }

SensorHandler.h
#ifndef POST_HANDLER_H #define POST_HANDLER_H #include <HTTPRequestHandler.h> class PostHandler : public HTTPRequestHandler { public: PostHandler(const char* rootPath, const char* path, TCPSocket* pTCPSocket); virtual ~PostHandler(); static inline HTTPRequestHandler* inst(const char* rootPath, const char* path, TCPSocket* pTCPSocket) { return new PostHandler(rootPath, path, pTCPSocket); } //if we ever could do static virtual functions, this would be one virtual void doGet(); virtual void doPost(); virtual void doHead(); virtual void onReadable(); //Data has been read virtual void onWriteable(); //Data has been written & buf is free virtual void onClose(); //Connection is closing private: void printString( const char* pszString ); void printHtml(); }; #endif

SensorHandler.cpp
#include "PostHandler.h" //#define __DEBUG #include <dbg.h> #define DELIMITER ("&") extern bool g_bLed1; extern bool g_bLed2; extern bool g_bLed3; extern int g_iSpeed; extern double g_dInterval; PostHandler::PostHandler(const char* rootPath, const char* path, TCPSocket* pTCPSocket) : HTTPRequestHandler(rootPath, path, pTCPSocket) { DBG("PostHandler()\r\n"); } PostHandler::~PostHandler() { DBG("~PostHandler()\r\n"); } void PostHandler::printString( const char* pszString ) { writeData( pszString, strlen(pszString) ); } void PostHandler::printHtml() { respHeaders()["Connection"] = "close"; printString("<html>"); printString("<head>\n"); printString("<title></title>\n"); printString("</head>\n"); printString("<body>\n"); printString("<p>\n"); printString("LED1 : "); printString( g_bLed1 ? "ON" : "off" ); printString("<br>\n"); printString("LED2 : "); printString( g_bLed2 ? "ON" : "off" ); printString("<br>\n"); printString("LED3 : "); printString( g_bLed3 ? "ON" : "off" ); printString("<br>\n"); printString("<br>\n"); printString("Speed: \n"); char szSpeed[10]; sprintf( szSpeed, "%d", g_iSpeed ); printString( szSpeed ); printString("</p>\n"); printString("<hr>\n"); printString("<form method=\"post\" action=\"\">\n"); printString("<label><input type=\"checkbox\" name=\"led1\" value=\"1\""); if(g_bLed1){ printString(" checked"); } printString(">LED1</label><br><br>\n"); printString("<label><input type=\"checkbox\" name=\"led2\" value=\"1\""); if(g_bLed2){ printString(" checked"); } printString(">LED2</label><br><br>\n"); printString("<label><input type=\"checkbox\" name=\"led3\" value=\"1\""); if(g_bLed3){ printString(" checked"); } printString(">LED3</label><br><br>\n"); printString("Speed<br>\n"); printString("<label><input type=\"radio\" name=\"speed\" value=\"1\""); if(1==g_iSpeed){ printString(" checked"); } printString("> 1 </label> \n"); printString("<label><input type=\"radio\" name=\"speed\" value=\"2\""); if(2==g_iSpeed){ printString(" checked"); } printString("> 2 </label> \n"); printString("<label><input type=\"radio\" name=\"speed\" value=\"3\""); if(3==g_iSpeed){ printString(" checked"); } printString("> 3 </label> \n"); printString("<label><input type=\"radio\" name=\"speed\" value=\"4\""); if(4==g_iSpeed){ printString(" checked"); } printString("> 4 </label> \n"); printString("<label><input type=\"radio\" name=\"speed\" value=\"5\""); if(5==g_iSpeed){ printString(" checked"); } printString("> 5 </label> \n"); printString("<label><input type=\"radio\" name=\"speed\" value=\"6\""); if(6==g_iSpeed){ printString(" checked"); } printString("> 6 </label> \n"); printString("<label><input type=\"radio\" name=\"speed\" value=\"7\""); if(7==g_iSpeed){ printString(" checked"); } printString("> 7 </label> \n"); printString("<label><input type=\"radio\" name=\"speed\" value=\"8\""); if(8==g_iSpeed){ printString(" checked"); } printString("> 8 </label> \n"); printString("<label><input type=\"radio\" name=\"speed\" value=\"9\""); if(9==g_iSpeed){ printString(" checked"); } printString("> 9 </label> \n"); printString("<br>\n"); printString("<br>\n"); printString("<br>\n"); printString("<input type=\"submit\" value=\"Send\">\n"); printString("</form>\n"); printString("</body>\n"); printString("</html>"); } void PostHandler::doGet() { DBG("doGet()\r\n"); printHtml(); } static void analyzePostData( char* pszLine, bool& rbLed1, bool& rbLed2, bool& rbLed3, int& riSpeed ) { rbLed1 = false; rbLed2 = false; rbLed3 = false; riSpeed = 5; char* pszToken = strtok(pszLine, DELIMITER); while(pszToken) { if( 6 == strlen(pszToken) && 0 == strncmp(pszToken, "led", 3) ) { // led?=1 if( '1' == pszToken[3] ){ rbLed1 = true; } else if( '2' == pszToken[3] ){ rbLed2 = true; } else if( '3' == pszToken[3] ){ rbLed3 = true; } } else if( 7 == strlen(pszToken) && 0 == strncmp(pszToken, "speed", 5) ) { // speed=? riSpeed = pszToken[6] - '0'; } pszToken = strtok(NULL, DELIMITER); } } void PostHandler::doPost() { DBG("doPost()\r\n"); int iCountData = dataLen(); if( 0 == iCountData ) { printHtml(); return; } char* pszData = (char*) malloc( sizeof(char) * (iCountData + 1) ); readData( pszData, iCountData ); pszData[iCountData] = '\0'; DBG( pszData ); bool bLed1, bLed2, bLed3; int iSpeed; analyzePostData( pszData, bLed1, bLed2, bLed3, iSpeed ); g_bLed1 = bLed1; g_bLed2 = bLed2; g_bLed3 = bLed3; g_iSpeed = iSpeed; g_dInterval = 0.5 + (g_iSpeed - 1) * (0.01 - 0.5) / (9 - 1); printHtml(); } void PostHandler::doHead() { DBG("doHead()\r\n"); } void PostHandler::onReadable() //Data has been read { DBG("onReadable()\r\n"); } void PostHandler::onWriteable() //Data has been written & buf is free { DBG("onWriteable()\r\n"); close(); //Data written, we can close the connection } void PostHandler::onClose() //Connection is closing { DBG("onClose()\r\n"); }

プロジェクトへのEthernetNetIfライブラリのインポート

mbed.orgサイトのコンパイラ画面のメニューの「Import」をクリックします。「Import」ペインが表示されます。
「Import」ペインの一番下の「Search」に「EthernetNetIf」と入力します。「EthernetNetIf」に関するライブラリが検索されます。
「Import」ペインの中段の「Programs」「Libraries」「Bookmarked」タブの「Programs」を選択します。
Nameが、「EthernetNetIf」で、Userが「Donatien Garnier」である項目のひとつを選択状態にします。「Import」ペインの上段の「Source URL:」および「Target Name:」が自動入力されます。
「Import」ペインの上段の「Target Path」にインポート先プロジェクトを指定し、「Import」ボタンを押すと、プロジェクトにEthernetNetIfライブラリがインポートされます。

プロジェクトへのHTTPServerライブラリのインポート

mbed.orgサイトのコンパイラ画面のメニューの「Import」をクリックします。「Import」ペインが表示されます。
「Import」ペインの一番下の「Search」に「HTTPServer」と入力します。「HTTPServer」に関するライブラリが検索されます。
「Import」ペインの中段の「Programs」「Libraries」「Bookmarked」タブの「Programs」を選択します。
Nameが、「HTTPServer」で、Userが「Donatien Garnier」である項目のひとつを選択状態にします。「Import」ペインの上段の「Source URL:」および「Target Name:」が自動入力されます。
「Import」ペインの上段の「Target Path」にインポート先プロジェクトを指定し、「Import」ボタンを押すと、プロジェクトにHTTPServerライブラリがインポートされます。

実行

mbed.org ページへのリンク

http://mbed.org/users/nobuki/code/httppostmethod/