How to Control an LED with Raspberry Pi Webserver using Apache

Controlling an LED with Raspberry Pi Webserver using Apache

In this tutorial, we will install Apache web server in Raspberry Pi to control the LED from a webpage that can be accessed from anywhere over the internet. This is a basic tutorial with minimum features and it can be further modified to use this method in IoT-based home automation, remote control automation, robotics, etc.

Here we control an LED connected to Raspberry Pi by using Apache web server. For this, we create an HTML/php web page which has two buttons - one for turning on the LED and the second for turning off the LED.

 

Components Required

  1. Raspberry pi board (With Raspbian operating system)
  2. LED
  3. 250-ohm resistor
  4. Jumper Wires

 

An SSH client (Putty) is used to connect the Raspberry pi using a Laptop or computer. For this, the raspberry pi needs to be connected to a network via LAN or Wi-Fi. If you have a separate monitor for your raspberry pi, then it's better to connect raspberry pi with the monitor and you don’t have to use any SSH client.

 

Controlling LED using Raspberry Pi Webserver

Step 1: Connections

Raspberry Pi LED Connection Circuit

The connections in this project are quite simple - the positive pin of LED is connected to GPIO 27 pin and the negative pin to a 270 ohm resistor, the other side of which is connected to GND pin.

 

Step 2: Installing WiringPi Library

WiringPi is a PIN-based GPIO access library written in C for the BCM2835, BCM2836, and BCM2837 SoC devices used in all Raspberry Pi versions. It’s released under the GNU LGPLv3 license and is usable from C, C++, and RTB (BASIC) as well as many other languages with suitable wrappers.

1. First we will update our Pi with the latest versions of Raspbian using the command:

sudo apt-get update

 

2. Now we will install git by using this command:

sudo apt-get install git-core

 

3. Now obtain WiringPi using git by this command:

git clone git://git.drogon.net/wiringPi

 

4. Then install WiringPi library using:

cd wiringP./build

 

Step 3: Installing a Web Server

Apache is a very popular webserver, designed to create web servers that have the ability to host one or more HTTP-based websites. Apache Web Server can be enhanced by manipulating the code base or adding multiple extensions/add-ons. In our project, we are using an HTTP server and its PHP extension.

To Install Apache web server, we will use the following commands:

First, update the available packages:

sudo apt-get update

 

Now, install the apache2 package by using this command in the terminal:

sudo apt-get install apache2 -y

 

To test the web server whether it is working or not, go to your browser and type the Pi’s IP address in the tab.

To find the Pi's IP address, type ifconfig at the command line.

By default, Apache puts a test HTML file in the web folder. This default web page is served when you browse to http://192.168.1.31 (whatever the Pi's IP address is) from another computer on the network.

Browse to the default web page either on the Pi or from another computer on the network and you will see the following:

Apache2 Webserver

This means the Apache web server is working.

 

Now we will see how to change the default web page with your own HTML page

This default web page is just an HTML file on the filesystem. It is located at var/www/html/index.html.

Navigate to this directory in a terminal window and have a look at what's inside:

cd  var/www/html
ls -al
This will show you:
total 12
drwxr-xr-x  2 root root 4096 Jan  8 01:29 .
drwxr-xr-x 12 root root 4096 Jan  8 01:28 ..
-rw-r--r--  1 root root  177 Jan  8 01:29 index.html

 

This shows that by default there is one file in /var/www/html/ called index.html and it is owned by the root user. To edit the file, you need to change its ownership to your own username. Change the owner of the file using:

Sudo chown pi: index.html.

 

You can now try editing this file and then refresh the browser to see the web page change.

 

Install PHP in Raspberry Pi  

Now if we want to use PHP code along with HTML, then we have to further install the PHP extension in Raspberry pi. Using PHP code, we can create shell commands to control the LED from the PHP script.

To allow the Apache server to edit PHP files, we will install the latest version of PHP and the PHP module for Apache. Use the following command in terminal to install these:

sudo apt-get install php libapache2-mod-php -y

 

Now remove the default index.html file:

sudo rm index.html

 

And create your own index.php file:

sudo nano index.php

 

Now enter the below code in index.php to test the PHP installation.

<?php phpinfo(); ?>

 

Save it by pressing CTRL + X and the ‘y’ and enter. Now refresh the webpage in your browser, you will see a long page with lots of information about PHP. This shows that the PHP extension is installed properly. If you have any problem with the pages or if the pages do not appear, try reinstalling the apache server and its PHP extension.

 

Step 5: Start Coding for controlling GPIO pin using this Raspberry Pi Webserver

Now delete the previous code in index.php (<?php phpinfo(); ?>) file and insert below PHP code to control GPIO pins inside body of HTML code.

Below is the complete code for creating two buttons to turn on and off the LED connected to Raspberry Pi.

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Raspberry Pi WiFi Controlled LED</title>
</head>
       <body>
       <center><h1>Control LED using Raspberry Pi Webserver</h1>      
         <form method="get" action="index.php">                
            <input type="submit" style = "font-size: 14 pt" value="OFF" name="off">
            <input type="submit" style = "font-size: 14 pt" value="ON" name="on">
         </form>​​​
                         </center>
<?php
    shell_exec("/usr/local/bin/gpio -g mode 27 out");
    if(isset($_GET['off']))
        {
                        echo "LED is off";
                        shell_exec("/usr/local/bin/gpio -g write 27 0");
        }
            else if(isset($_GET['on']))
            {
                        echo "LED is on";
                        shell_exec("/usr/local/bin/gpio -g write 27 1");
            }
?>
   </body>
</html>

Raspberry Pi Webserver

In the above code there is a PHP script which checks which button is pressed by using below code and then turns on and off the LED accordingly.

<?php
    shell_exec("/usr/local/bin/gpio -g mode 27 out");
    if(isset($_GET['off']))
        {
                        echo "LED is off";
                        shell_exec("/usr/local/bin/gpio -g write 27 0");
        }
            else if(isset($_GET['on']))
            {
                        echo "LED is on";
                        shell_exec("/usr/local/bin/gpio -g write 27 1");
            }
?>

 

Here we have used shell_exec() command in php code, this command is used to run the shell command from the PHP script. Learn more about shell_exec here. If you run the command inside shell_exec directly form the terminal of Raspberry pi, you can directly make GPIO pin 27 low or high. Below are two commands to test the LED directly from terminal.

/usr/local/bin/gpio -g write 27 0
/usr/local/bin/gpio -g write 27 1

 

After completing this, run the code in your browser by typing the IP address of raspberry pi in the browser. You will see 2 buttons - ON, OFF to control your LED by clicking these buttons.

 

I hope you liked this article. You can also check out our other Internet of Things projects.

3422 Comments

Hello! This is my first comment here so I just wanted to give
a quick shout out and say I truly enjoy reading your blog posts.

Can you recommend any other blogs/websites/forums that deal with the same topics?
Thank you!

Greetings I am so grateful I found your webpage, I really found you by mistake, while
I was researching on Digg for something else, Anyways I am here now and
would just like to say thanks for a tremendous post and a
all round interesting blog (I also love the theme/design),
I don’t have time to go through it all at the minute but I have bookmarked it and also included your RSS
feeds, so when I have time I will be back to read more, Please do keep up the great work.

I'm amazed, I must say. Rarely do I encounter a blog that's both equally educative and entertaining, and let me tell you, you've hit the nail on the head.

The issue is something that not enough people are speaking intelligently about.
I'm very happy that I stumbled across this in my search for something relating to this.

Does your site have a contact page? I'm having
problems locating it but, I'd like to send you an e-mail. I've got some recommendations for your blog you might be interested
in hearing. Either way, great website and I look forward to seeing it improve over time.

Yesterday, while I was at work, my sister stole my iphone
and tested to see if it can survive a thirty foot drop,
just so she can be a youtube sensation. My iPad is now broken and
she has 83 views. I know this is totally off topic but I had to share it with someone!

Great post. I was checking constantly this blog and I'm impressed!
Very useful info particularly the last part
:) I care for such info much. I was seeking this certain info for a long time.
Thank you and best of luck.

Write more, thats all I have to say. Literally, it seems as
though you relied on the video to make your
point. You definitely know what youre talking about,
why waste your intelligence on just posting videos
to your weblog when you could be giving us something informative to read?

magnificent issues altogether, you simply received a
brand new reader. What would you suggest in regards to your submit that
you just made a few days ago? Any positive?

This is the perfect webpage for anyone who hopes to understand this topic.
You understand so much its almost hard to argue with you (not that I really would want to…HaHa).

You definitely put a fresh spin on a subject that's been discussed for a
long time. Excellent stuff, just wonderful!

Hello There. I discovered your blog the use of msn. This is a very smartly written article.
I will be sure to bookmark it and come back to learn extra of your useful info.
Thanks for the post. I'll certainly comeback.

It's a shame you don't have a donate button! I'd certainly donate to this excellent blog!
I suppose for now i'll settle for book-marking and adding your
RSS feed to my Google account. I look forward to fresh updates and will
share this blog with my Facebook group. Talk soon!

Simply desire to say your article is as surprising. The clearness in your publish
is just nice and that i could assume you're an expert on this subject.
Well along with your permission allow me to clutch your RSS feed to keep updated with coming near near
post. Thank you 1,000,000 and please carry on the rewarding work.

Thanks , I have just been searching for information approximately this
topic for ages and yours is the best I have discovered till now.
However, what in regards to the conclusion? Are you
sure concerning the source?

Hmm it seems like your site ate my first comment (it was super long) so
I guess I'll just sum it up what I had written and say, I'm thoroughly enjoying your blog.
I too am an aspiring blog writer but I'm still new to the whole thing.
Do you have any points for beginner blog writers?
I'd definitely appreciate it.

I used to be recommended this web site by means of my cousin. I am not certain whether this submit is written by way of
him as nobody else recognize such precise approximately my difficulty.
You are amazing! Thank you!

This is the right webpage for anyone who hopes to understand this topic.
You realize so much its almost tough to argue with you (not that I really will need to…HaHa).
You definitely put a brand new spin on a subject that's been written about for
a long time. Great stuff, just great!

I feel that is among the so much vital information for me.
And i'm happy studying your article. However wanna observation on some normal issues, The website taste is wonderful, the articles is truly excellent : D.

Good job, cheers

Greate article. Keep posting such kind of information on your site.

Im really impressed by your blog.
Hey there, You've performed an excellent job. I'll certainly digg it and individually recommend to my friends.
I am confident they'll be benefited from this site.

Somebody necessarily help to make significantly articles I'd state.
This is the very first time I frequented your web
page and up to now? I surprised with the research you made to make this
particular submit incredible. Great job!

After looking over a few of the articles on your web page, I really appreciate your technique of blogging.
I bookmarked it to my bookmark site list and will be checking back soon. Please check out
my web site too and tell me your opinion.

Hey I know this is off topic but I was wondering if you knew of any widgets I could add to my blog that automatically tweet my newest twitter updates.
I've been looking for a plug-in like this for quite some time
and was hoping maybe you would have some experience with
something like this. Please let me know if you run into anything.
I truly enjoy reading your blog and I look forward to your new updates.

Hi I am so happy I found your blog page, I really found you by
accident, while I was searching on Askjeeve for
something else, Nonetheless I am here now and would just like to say thanks
for a incredible post and a all round entertaining blog (I also love the theme/design), I don’t have time to read it all at the
moment but I have book-marked it and also included your RSS feeds,
so when I have time I will be back to read a lot more,
Please do keep up the superb jo.

Add new comment

The content of this field is kept private and will not be shown publicly.

Plain text

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.