WebServer for Arduino without EthernetShield (with PC/Apache/PHP)

Hey guys!

A lot of people ask how to connect Arduino to internet, so it can interact getting data from the internet and actuating physically. Let's say, turning a light on/off, open/close a garage door, turning the coffee maker on. :)

To do this, we could use an EthernetShield, giving the "power" to Arduino access the internet. Or we can leave this power to a PC, which already have it, and then the PC, through the USB, will send the info to the Arduino, who will control anything we want. The opposite flow of data is also possible, getting data from sensors through the Arduino and post on the internet, following the same idea.

This post will teach how to control something using a PC connected to the Internet and an Arduino (without any shield).

First of all, we need a webserver. A system who will answer on the internet. When you access any webite, an webserver is responding to your browser, sending all the codes and info your browser arrange on the screen for you. The most common is the HTML tags (you should googling about html if you are not familiar with, for this kind of project you will certainly use them).

If you have a PC connected to the internet, you have everything you need to host an website, or have an webserver online.
On the project below, I used APACHE, which is the most common webserver, and a very, very, very good one.

Beside APACHE you will need a compiler to interprete your program which will be integrated with Arduino. This program must run online, and must be embedded in HTML code, so your browser can handle it. In this project I used  PHP, but you could use Python, ASP, or other.
So, you have to install those things in your PC to have an webserver on it. I suggest this tutorial for Windows users (although I prefer Ubuntu):

http://www.simplehelp.net/2008/08/25/how-to-install-and-setup-apach...

Once you have an webserver running with php, you can try the other (and best) part.

Important: Your router must be configured to port forward, so when someone access your IP and port, it will forward to your PC.
Let's say your PC has the internal IP 192.168.0.5, then you have to create a port forward like 8100 to that ip. So when someone access your external IP (on the internet), lets say 189.x.x.x:8100, your router will redirect to your PC, on which, the Apache will respond showing the homepage. Or 189.x.x.x:8100/myarduino.php to access directly your Arduino.

But how your PHP page will communicate with Arduino?

Simple! Through the serial port. You Arduino is connected to the PC through an USB cable. We will use the Serial library in Arduino code to keep listening the COM port. When a message comes from PC (by php code), the Arduino will interprete and respond.

This example turn the Arduino LED (pin 13) on/off, when the user press the buttons on your php page.

PHP code

This is the page your users must access to send comands to your Arduino. It must be in www folder in Apache, to be visible from outside. I named the file "index.php", so it became the home page. If someone access 189.x.x.x:8100, the index.php is automatically accessed.

This is a PHP file (include html), which will be interpreted by your webserver and, the result sent to your users browser as html. On the other hand this same page is responsible for send messages to the Serial port (USB) where Arduino is ready to answer.

When the user press a button the page "post" the info about the button pressed to itself reloading it. This second time the page is loaded, the php will send to the Serial port the info about what button was pressed. The Arduino then, will receive the info and take an action.

################# PHP ###########################

<html><head><title>WebServer and Arduino by GarageLab Community</title></head>

<body>

<?php

echo "<p>Control Page</p><p>";

$port = fopen("/dev/ttyUSB0", "w"); //You have to check which port your Arduino is connected to and change this (this one is for Ubuntu and Arduino 2009)

sleep(2);

?>

<br>

<?php

// Turn Led ON ?>

<form action="index.php" method="POST">

<input type="hidden" name="turn" value="on" />

<input type="Submit" value="on">

</form>

<?php

// Turn Led OFF ?>

<form action="index.php" method="POST">

<input type="hidden" name="turn" value="off" />

<input type="Submit" value="off">

</form></p>

<?php

if ($_POST['turn']=="on"){

echo "Turned on";

fwrite($port, "n");

}

if ($_POST['turn']=="off"){

echo "Turned off";

fwrite($port, "f");

}

fclose($port);

?>

</body></html>

So, if the user press the button "on" the LED will be turned on, if off... you understood.

Now, let's see the code for Arduino:

########### ARDUINO 2009 FIRMWARE (Arduino IDE 0022) #####################

char c;

void setup(){

Serial.begin(9600);

Serial.println("### GARAGELAB ###");

pinMode(13, OUTPUT);

}

void loop(){

if (Serial.available() > 0)

{

c = Serial.read();

Serial.println(c);

}

else

{

delay(100);

}

if (c=='n'){

Serial.println("on");

digitalWrite(13, HIGH);

}

if (c=='f'){

Serial.println("off");

digitalWrite(13, LOW);

}

c='\0';

}

I think the code above is very clear, but if you still have any doubt, please comment.

Oh! If I wrote anything wrong (even the english), please comment too. We are all here to learn and grow as developers, and I certainly will appreciate any constructive feedback. :)

Good luck for us all!

Views: 9235

Tags: Arduino, apache, php, webserver

Comment by shymn on November 11, 2012 at 10:01am

from where I can know which port is connected if I used PC with windows OS, for this line of code :

$port = fopen("/dev/ttyUSB0", "w"); //You have to check which port your Arduino is connected to and change this (this one is for Ubuntu and Arduino 2009) ?

Thank you, this is very useful blog (F)

Comment by esther maggie patricia on January 14, 2013 at 9:07am

if i want to make php read from arduino? how can i make that? this is for my final exam, can somebody help me please?

i want to send a char from arduino to my php without the ethernet shield. thank you :)

Comment by Juan Carlos Montoliu Henares on October 28, 2013 at 5:57am

In device manager you can see your COM nr. In my case is like:

$port = fopen("COM6", "w");

Another question, everything works perfect but when I restart  the PC or unplug and plug the USB cable of the arduino the serial port is blocked and doesn't work anymore...
In order to make it work again I have to unplug it, open the arduino software, close it, plug again, open again the sw and upload the sketch or start the serial monitor and then it works... Everything in that order :S

Any hint?

Comment

You need to be a member of GarageLab (arduino, electronics, robotics, hacking) to add comments!

Join GarageLab (arduino, electronics, robotics, hacking)

Latest Activity

Profile Iconvenkat satish and jerseys joined GarageLab (arduino, electronics, robotics, hacking)
3 hours ago
GarageLab posted a blog post
3 hours ago
GarageLab posted blog posts
Friday
Profile IconSheila Garland and petran747 . joined GarageLab (arduino, electronics, robotics, hacking)
Thursday
Antonio Turner posted a status
Thursday
GarageLab posted blog posts
Wednesday
Profile Iconleon crist, Tim Owen and Mishca de Costa joined GarageLab (arduino, electronics, robotics, hacking)
Sep 15
GarageLab posted a blog post

Arduino-Powered Turntables That Turn DJing Into Child’s Play

Per Holmquist has always had a finely tuned ear for music. “When I hear a song for the first time I…See More
Sep 15
GarageLab posted a blog post
Sep 12
Jean-Guillaume LALANNE posted a discussion

Smallest Arduino with BLE stack and push button integrated

Hi,I am a newbie in the maker world. I have bought a RFDUINO some month ago to play with.I did find…See More
Sep 12
Profile IconDavid bolles and Abhisht Yadav joined GarageLab (arduino, electronics, robotics, hacking)
Sep 11
GarageLab posted blog posts
Sep 11
chuby okafor updated their profile
Sep 10
maurice patrick commented on GarageLab's blog post 3D printer uses Arduino controller and makes food in unusual ways
"Sweet!!!!"
Sep 10
Stephen Wizowski left a comment for Stephen Wizowski
"NO... do not like this approach... AT ALL!"
Sep 10
Profile IconBernie Whalen, FRANK KWABENA, mikedaniels and 11 more joined GarageLab (arduino, electronics, robotics, hacking)
Sep 10
GarageLab posted a blog post

This Robot Crawls Through Acid, Ice and Fire

This robot, developed at Professor George M. Whitesides’ lab at Harvard University has recently…See More
Sep 10
GarageLab posted a blog post
Sep 8
Antonio Turner posted a status
Sep 8
GarageLab posted blog posts
Sep 5

© 2014   Created by Marcelo Rodrigues.

Badges  |  Report an Issue  |  Terms of Service