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: 9006

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

GarageLab posted a blog post

Google Project Wing Drone Delivery Service: An Endless Waltz of Packages

Like Amazon, it appears Google has been mulling the use of drones to deliver goods. The company…See More
18 hours ago
Veritus posted photos
21 hours ago
Profile IconRajeevalochana U R, xavier, Jon Maguire and 1 more joined GarageLab (arduino, electronics, robotics, hacking)
22 hours ago
GarageLab posted a blog post

Homemade guitar looper with Arduino

Here is how to produce pedalboard for electric guitar. The idea is to connect pedals to the…See More
Friday
GarageLab posted a blog post

Next generation thrusters for marine robotics

Rustom Jehangir, Joe Spadola and Josh Villbrandt want to further the field of marine robotics. They…See More
Thursday
Profile IconCeline Buline Forma and Gilmar Barbosa joined GarageLab (arduino, electronics, robotics, hacking)
Wednesday
Gilmar Barbosa replied to GarageLab's discussion Show your lab!
Wednesday
GarageLab posted blog posts
Wednesday
Profile IconMichael Tria, Carl C Sartin and Oswaldo Machado joined GarageLab (arduino, electronics, robotics, hacking)
Aug 26
GarageLab posted a blog post

Pressure Gauge Modded to Measure Internet Usage

The appeal of having a 100 year old gauge on the wall that shows the current Internet usage is hard…See More
Aug 25
GarageLab posted blog posts
Aug 22
Profile IconAngelo Zanellato and Allan Byres joined GarageLab (arduino, electronics, robotics, hacking)
Aug 21
Shannon Bradley commented on GarageLab's blog post Company creates device that recharges smartphones ultrasound
" I have been having good results out too ten to twenty miles. I'm about to fix this…"
Aug 21
GarageLab posted blog posts
Aug 21
Marcelo Rodrigues commented on Marcelo Rodrigues's blog post Arduino generated VGA (color) signal - Complete!
"Jay, Here it is. Enjoy! "
Aug 20
Jay Curtis commented on Marcelo Rodrigues's blog post Arduino generated VGA (color) signal - Complete!
"Hey, great stuff! Found this site through searching for a solution to get VGA to work with LCD and…"
Aug 20
GarageLab posted a blog post

Omote uses light to project virtual makeup and real-time animations on your face

A team of artists and computer graphics designers have created a projection mapping system that you…See More
Aug 19
Jay Curtis is now a member of GarageLab (arduino, electronics, robotics, hacking)
Aug 19
GarageLab posted blog posts
Aug 18
GarageLab posted blog posts
Aug 14

© 2014   Created by Marcelo Rodrigues.

Badges  |  Report an Issue  |  Terms of Service