// ethernet_ledonoff.ino
//
// Webサーバーにする（Ethernetシールド使用）//
// Last modified : 2011/12/03
#include <SPI.h> // for Ethernet.h
#include <Ethernet.h> // for Ethernet
#define LED1PIN 7
#define LED2PIN 8
#define LED3PIN 9
#define LINEBUFFERSIZE (128)
#define DELIMITER ("&")
unsigned char MACADDRESS[] = { 0xDD, 0x7B, 0x7E, 0xE5, 0x1C, 0x5C };
unsigned char IPADDRESS[] = { 192, 168, 100, 50 };
EthernetServer g_server(80);
—------------------------------------------------------------------------------------------------------------------------
void setup()
{
Serial.begin(9600);
Ethernet.init(10); // Most Arduino shields
Ethernet.begin(MACADDRESS, IPADDRESS);
g_server.begin();
pinMode(LED1PIN, OUTPUT);
pinMode(LED2PIN, OUTPUT);
pinMode(LED3PIN, OUTPUT);
Serial.begin(9600);
}
—---------------------------------------------------------------------------------------------------------------
// HTML出力 HTML(192.168.100.50)に書き込む
void PrintHtml( EthernetClient& client, boolean led1, boolean led2, boolean led3, boolean led4,boolean led5,int speed )
{ //Changed For CH ADD
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println();
client.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">");
client.println("<html lang=\"ja\">");
//ここからhead部分
client.println("<head>");
client.println("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">");
client.println("<meta http-equiv=\"Content-Style-Type\" content=\"text/css\">");
client.println("<title></title>");
client.println("</head>");
//head部分の終わり
//ここからbody部分
client.println("<body>");
client.println("<p>");
client.print("LED1 : "); client.print( led1 ? "ON" : "off" ); client.println("<br>"); //3項演算子 A ? B : C Aがtrueの場合はBを実行する Aがfalseの場合はCを実行する
client.print("LED2 : "); client.print( led2 ? "ON" : "off" ); client.println("<br>");
client.print("LED3 : "); client.print( led3 ? "ON" : "off" ); client.println("<br>");
client.println("<br>");
client.println("速さ：");
client.println(speed);
client.println("</p>");
client.println("<hr>");
client.println("<form method=\"post\" action=\"\">");
client.print("<input type=\"checkbox\" name=\"led1\" value=\"1\""); if(led1){ client.print(" checked"); } client.println(">LED1<br>");
client.print("<input type=\"checkbox\" name=\"led2\" value=\"1\""); if(led2){ client.print(" checked"); } client.println(">LED2<br>");
client.print("<input type=\"checkbox\" name=\"led3\" value=\"1\""); if(led3){ client.print(" checked"); } client.println(">LED3<br>");
client.println("<br>");
//ここからラジオボタンの記述
client.println("速さ<br>");
client.println("1 ");
client.print("<input type=\"radio\" name=\"speed\" value=\"1\""); if(1==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"2\""); if(2==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"3\""); if(3==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"4\""); if(4==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"5\""); if(5==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"6\""); if(6==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"7\""); if(7==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"8\""); if(8==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"9\""); if(9==speed){ client.print(" checked"); } client.println("> ");
client.println(" 10<br>");
//ラジオボタンの記述終了
client.println("<br>");
// サブミットボタンの記述
client.println("<input type=\"submit\" value=\"送信\">");
client.println("<input type=\"reset\" value=\"リセット\"></form>");
client.println("<hr>");
client.println("</body>");
client.println("</html>");
}
—------------------------------------------------------------------------------------------------------------------------
//受信したストリングの解析
boolean AnalyzeLineString( char* pszLine, boolean& rbLed1, boolean& rbLed2, boolean& rbLed3,boolean& rbLed4,boolean& rbLed5, int& riSpeed )
{ //Changed For CH ADD
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( '4' == pszToken[3] ){ rbLed4 = true; } //Add New
else if( '5' == pszToken[3] ){ rbLed5 = true; } //Add New
}
else if( 7 == strlen(pszToken)
&& 0 == strncmp(pszToken, "speed", 5) )
{ // speed=?
riSpeed = pszToken[6] - '0';
}
pszToken = strtok(NULL, DELIMITER);
}
return true;
}
// clientからの情報を返す 読み込み
boolean readHttpRequest( EthernetClient& client, boolean& rbLed1, boolean& rbLed2, boolean& rbLed3, boolean& rbLed4,boolean& rbLed5,int& riSpeed )
{ //Changed For CH ADD
if( !client )
{
return false;
}
// HTTPリクエスト空行（\r\n\r\n）で終わる。ので、空行を探す。
boolean foundRNRN = false;
boolean currentLineIsBlank = true;
char szLine[LINEBUFFERSIZE];
int iIndex = 0;
int n;
int j;
int k;
char c;
String str;
String line[1024];
while( client.connected() )
{
if( !client.available() )
{
//continue;
break;
}
c= client.read();
// Serial.print(c); //for Debug
////Test Print
// str=client .readStringUntil('\n');
//Serial.println(str);
//test--------------------------------------------------------------------------------------------------------------------
if( '\n' == c && currentLineIsBlank )
{ // 空行発見。
foundRNRN = true;
}
if( '\n' == c )
{
// httpリクエストの１行の解析
if( foundRNRN
&& 0 != iIndex )
{
szLine[iIndex] = '\0';
AnalyzeLineString( szLine, rbLed1, rbLed2, rbLed3,riSpeed ); //Changed For CH ADD
}
// 新しい行の始まり。
currentLineIsBlank = true;
iIndex = 0;
}
else if( '\r' != c )
{ // この行は空行ではなかった。
currentLineIsBlank = false;
if( foundRNRN )
{
if( LINEBUFFERSIZE - 1 > iIndex )
{
szLine[iIndex] = c;
++iIndex;
}
//// Serial.println(szLine); //＜＜＜＜この位置でszLineを解析すると良い＞＞＞＞＞＞＞＞＞
}
}
}
Serial.println(szLine); //＜＜＜＜この位置でszLineを解析すると良い＞＞＞＞＞＞＞＞＞
// httpリクエストの終端行の解析
if( foundRNRN
&& 0 != iIndex )
{
szLine[iIndex] = '\0';
AnalyzeLineString( szLine, rbLed1, rbLed2, rbLed3, rbLed4,rbLed5,riSpeed ); //Changed For CH ADD
}
//Serial.println(szLine);
return foundRNRN;
}
//////////////////////////// main Loop ////////////////////--------------------------------------------------------------------------------------------------------------
void loop()
{
static boolean s_led1 = false;
static boolean s_led2 = false;
static boolean s_led3 = false;
static int s_interval = 0;
EthernetClient client = g_server.available();
boolean led1 = false;
boolean led2 = false;
boolean led3 = false;
int speed = 5;
if( readHttpRequest(client, led1, led2, led3, led4,led5,speed) ) //Request read //Changed For CH ADD//
{
// Html出力
PrintHtml(client, led1, led2, led3, led4,led5,speed); //Changed For CH ADD
// Webブラウザに対して、データを取得するための時間を与える。
delay(1);
// コネクションを閉じる。
client.stop();
s_led1 = led1;
s_led2 = led2;
s_led3 = led3;
s_led4 = led4; //ADD New
s_led5 = led5; //ADD New
// speed | 1 9
// 間隔[秒] | 0.5 0.01
// interval[ms] | 500 10
s_interval = (int)(500L + (speed - 1) * (10L - 500L) / (9-1));
}
if( s_led1 ){ digitalWrite(LED1PIN, HIGH); }
if( s_led2 ){ digitalWrite(LED2PIN, HIGH); }
if( s_led3 ){ digitalWrite(LED3PIN, HIGH); }
delay(s_interval);
digitalWrite(LED1PIN, LOW);
digitalWrite(LED2PIN, LOW);
digitalWrite(LED3PIN, LOW);
delay(s_interval);
}
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
それでは区分けして説明します。下の写真はArduinoとイーサーネットシールドです。
Arduinoとイーサーネットシールド
まず初期設定部です。
イーサーネットシールドを使ってWebサーバー化するためのヘッダーファイルなどを規定します。
// ethernet_ledonoff.ino
//
// Webサーバーにする（Ethernetシールド使用）//
//
#include <SPI.h> // for イーサーネットシールドはSPIバスでコントロール
#include <Ethernet.h> // for Ethernet イーサーネットを使うためのヘッダファイル
#define LED1PIN 7 //LEDをArduinoの７，８，９ピンに接続
#define LED2PIN 8
#define LED3PIN 9
#define LINEBUFFERSIZE (128)
#define DELIMITER ("&") //Submitボタンを押したときに送られる伝文のデリミターは ＆です
unsigned char MACADDRESS[] = { 0xDD, 0x7B, 0x7E, 0xE5, 0x1C, 0x5C }; //ArduinoイーサーネットシールドのMACアドレス
unsigned char IPADDRESS[] = { 192, 168, 100, 50 }; //ArduinoイーサーネットシールドのIPアドレス
EthernetServer g_server(80);
//ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
次はセットアップ記述です。
ここではシリアル通信、イーサーネット通信の初期化を行います。
------------------------------------------------------------------------------------------------------------------------
void setup()
{
Serial.begin(9600);
Ethernet.init(10); // Most Arduino shields ほとんどのシールドは１０番ピンを使います
Ethernet.begin(MACADDRESS, IPADDRESS); //イーサネットを立ち上げます
g_server.begin(); //Webサーバーを立ち上げます
pinMode(LED1PIN, OUTPUT); //各LEDピンの動作モードをOutputに設定します
pinMode(LED2PIN, OUTPUT);
pinMode(LED3PIN, OUTPUT);
}
—---------------------------------------------------------------------------------------------------------------
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
次はPCやスマホからのクライアントの画面（ブラウザー）に表示する部分の記述です。
WebサーバーであるApachのhddocsに格納するHTMLファイルに相当するものです。
// HTML出力 HTML(192.168.100.50)に書き込む
void PrintHtml( EthernetClient& client, boolean led1, boolean led2, boolean led3,int speed )
{ //Changed For CH ADD
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println();
client.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">");
client.println("<html lang=\"ja\">");
//ここからhead部分
client.println("<head>");
client.println("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">");
client.println("<meta http-equiv=\"Content-Style-Type\" content=\"text/css\">");
client.println("<title></title>");
client.println("</head>");
//head部分の終わり
//ここからbody部分
client.println("<body>");
client.println("<p>");
client.print("LED1 : "); client.print( led1 ? "ON" : "off" ); client.println("<br>"); //3項演算子 A ? B : C Aがtrueの場合はBを実行する Aがfalseの場合はCを実行する
client.print("LED2 : "); client.print( led2 ? "ON" : "off" ); client.println("<br>");
client.print("LED3 : "); client.print( led3 ? "ON" : "off" ); client.println("<br>");
client.println("<br>");
client.println("速さ：");
client.println(speed);
client.println("</p>");
client.println("<hr>");
client.println("<form method=\"post\" action=\"\">");
client.print("<input type=\"checkbox\" name=\"led1\" value=\"1\""); if(led1){ client.print(" checked"); } client.println(">LED1<br>");
client.print("<input type=\"checkbox\" name=\"led2\" value=\"1\""); if(led2){ client.print(" checked"); } client.println(">LED2<br>");
client.print("<input type=\"checkbox\" name=\"led3\" value=\"1\""); if(led3){ client.print(" checked"); } client.println(">LED3<br>");
client.println("<br>");
//ここからラジオボタンの記述
client.println("速さ<br>");
client.println("1 ");
client.print("<input type=\"radio\" name=\"speed\" value=\"1\""); if(1==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"2\""); if(2==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"3\""); if(3==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"4\""); if(4==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"5\""); if(5==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"6\""); if(6==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"7\""); if(7==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"8\""); if(8==speed){ client.print(" checked"); } client.println("> ");
client.print("<input type=\"radio\" name=\"speed\" value=\"9\""); if(9==speed){ client.print(" checked"); } client.println("> ");
client.println(" 10<br>");
//ラジオボタンの記述終了
client.println("<br>");
// サブミットボタンの記述
client.println("<input type=\"submit\" value=\"送信\">");
client.println("<input type=\"reset\" value=\"リセット\"></form>");
client.println("<hr>");
client.println("</body>");
client.println("</html>");
}
これが実行されると次の様な画面がクライアントのブラウザーに表示されます。
表示画面
次はブラウザーからsendボタンが押されたときにブラウザーからArduinoに送られるストリングを解析する部分です
sendボタンが押されると一連の情報が送られますがその中に一行のブランク行が送られその後に続いて
選択されたLED情報とスピード情報が”＆”文字で区切られて出力されます。プログラムはブランク行の
検出と”＆”文字で区切られて出力された行の解析を行いLED番号とスピードレベルを読みます。
//受信したストリングの解析
boolean AnalyzeLineString( char* pszLine, boolean& rbLed1, boolean& rbLed2, boolean& rbLed3,boolean& rbLed4,boolean& rbLed5, int& riSpeed )
{ //Changed For CH ADD
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( '4' == pszToken[3] ){ rbLed4 = true; } //Add New
else if( '5' == pszToken[3] ){ rbLed5 = true; } //Add New
}
else if( 7 == strlen(pszToken)
&& 0 == strncmp(pszToken, "speed", 5) )
{ // speed=?
riSpeed = pszToken[6] - '0';
}
pszToken = strtok(NULL, DELIMITER);
}
return true;
}
// clientからの情報を返す 読み込み
boolean readHttpRequest( EthernetClient& client, boolean& rbLed1, boolean& rbLed2, boolean& rbLed3, boolean& rbLed4,boolean& rbLed5,int& riSpeed )
{ //Changed For CH ADD
if( !client )
{
return false;
}
// HTTPリクエスト空行（\r\n\r\n）で終わる。ので、空行を探す。
boolean foundRNRN = false;
boolean currentLineIsBlank = true;
char szLine[LINEBUFFERSIZE];
int iIndex = 0;
int n;
int j;
int k;
char c;
String str;
String line[1024];
while( client.connected() )
{
if( !client.available() )
{
//continue;
break;
}
c= client.read();
// Serial.print(c); //for Debug
////Test Print
// str=client .readStringUntil('\n');
//Serial.println(str);
//test--------------------------------------------------------------------------------------------------------------------
if( '\n' == c && currentLineIsBlank )
{ // 空行発見。
foundRNRN = true;
}
if( '\n' == c )
{
// httpリクエストの１行の解析
if( foundRNRN
&& 0 != iIndex )
{
szLine[iIndex] = '\0';
AnalyzeLineString( szLine, rbLed1, rbLed2, rbLed3,rbLed4,rbLed5, riSpeed ); //Changed For CH ADD
}
// 新しい行の始まり。
currentLineIsBlank = true;
iIndex = 0;
}
else if( '\r' != c )
{ // この行は空行ではなかった。
currentLineIsBlank = false;
if( foundRNRN )
{
if( LINEBUFFERSIZE - 1 > iIndex )
{
szLine[iIndex] = c;
++iIndex;
}
//// Serial.println(szLine); //＜＜＜＜この位置でszLineを解析すると良い＞＞＞＞＞＞＞＞＞
}
}
}
Serial.println(szLine); //＜＜＜＜この位置でszLineを解析すると良い＞＞＞＞＞＞＞＞＞
// httpリクエストの終端行の解析
if( foundRNRN
&& 0 != iIndex )
{
szLine[iIndex] = '\0';
AnalyzeLineString( szLine, rbLed1, rbLed2, rbLed3, rbLed4,rbLed5,riSpeed ); //Changed For CH ADD
}
//Serial.println(szLine);
return foundRNRN;
}
次の様な状態で送信ボタンが押された時の伝文です
次はメインループです
//////////////////////////// main Loop ////////////////////--------------------------------------------------------------------------------------------------------------
void loop()
{
static boolean s_led1 = false;
static boolean s_led2 = false;
static boolean s_led3 = false;
static int s_interval = 0;
EthernetClient client = g_server.available();
boolean led1 = false;
boolean led2 = false;
boolean led3 = false;
int speed = 5;
if( readHttpRequest(client, led1, led2, led3, speed) ) //Request read
{
// Html出力
PrintHtml(client, led1, led2, led3, speed);
// Webブラウザに対して、データを取得するための時間を与える。
delay(1);
// コネクションを閉じる。
client.stop();
s_led1 = led1;
s_led2 = led2;
s_led3 = led3;
// speed | 1 9
// 間隔[秒] | 0.5 0.01
// interval[ms] | 500 10
s_interval = (int)(500L + (speed - 1) * (10L - 500L) / (9-1));
}
if( s_led1 ){ digitalWrite(LED1PIN, HIGH); }
if( s_led2 ){ digitalWrite(LED2PIN, HIGH); }
if( s_led3 ){ digitalWrite(LED3PIN, HIGH); }
delay(s_interval);
digitalWrite(LED1PIN, LOW);
digitalWrite(LED2PIN, LOW);
digitalWrite(LED3PIN, LOW);
delay(s_interval);
}