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.

3420 Comments

I believe this is one of the so much important information for me.
And i'm happy studying your article. But should commentary on some general issues, The site style is ideal, the articles is truly excellent :
D. Just right activity, cheers

Pretty part of content. I just stumbled upon your web
site and in accession capital to say that I acquire in fact
enjoyed account your blog posts. Anyway I'll be subscribing on your feeds or even I
fulfillment you get admission to consistently rapidly.

I am curious to find out what blog platform you happen to be working with?
I'm experiencing some minor security issues with my latest site and I would like to find
something more safeguarded. Do you have any solutions?

Hi, I do believe this is a great blog. I stumbledupon it
;) I'm going to come back once again since I book marked it.
Money and freedom is the greatest way to change, may you be rich and continue to help other people.

I loved as much as you'll receive carried out right here.
The sketch is attractive, your authored material stylish.

nonetheless, you command get got an nervousness over
that you wish be delivering the following. unwell unquestionably come further
formerly again since exactly the same nearly a lot often inside case you shield this increase.

Hi there! I could have sworn I've been to this website before but after reading through some of the post I realized it's new
to me. Nonetheless, I'm definitely happy I found it and I'll be book-marking and checking back frequently!

I loved as much as you will receive carried out right
here. The sketch is tasteful, your authored subject matter stylish.
nonetheless, you command get got an nervousness over that you wish be delivering the following.
unwell unquestionably come further formerly again since exactly the same nearly very
often inside case you shield this hike.

I'm really enjoying the design and layout of your site. It's a very easy
on the eyes which makes it much more pleasant for
me to come here and visit more often. Did you hire out a designer to create your theme?
Superb work!

Thank you for another informative website. Where else could I am getting that type of information written in such an ideal way?
I've a undertaking that I'm just now working on, and I've been on the glance
out for such information.

Hi I am so happy I found your website, I really found you by error,
while I was searching on Digg for something else, Anyhow I am
here now and would just like to say cheers for a remarkable
post and a all round thrilling blog (I also love the theme/design), I don't have
time to read through it all at the moment but
I have saved it and also added your RSS feeds, so when I have
time I will be back to read much more, Please do keep up the fantastic work.

Awesome blog! Do you have any hints for aspiring writers?
I'm hoping to start my own blog soon but I'm a little lost on everything.

Would you suggest starting with a free platform like
Wordpress or go for a paid option? There are so many options out there
that I'm completely overwhelmed .. Any suggestions? Kudos!

Hello, i read your blog occasionally and i own a
similar one and i was just wondering if you get a lot of spam feedback?
If so how do you protect against it, any plugin or anything
you can advise? I get so much lately it's driving me crazy so
any support is very much appreciated.

I'm extremely impressed with your writing skills and also
with the layout on your weblog. Is this a paid theme or did you
customize it yourself? Either way keep up the excellent quality writing, it is rare
to see a nice blog like this one today.

This design is wicked! You definitely know how to keep a
reader entertained. Between your wit and your videos, I was almost moved to start my own blog
(well, almost...HaHa!) Wonderful job. I really enjoyed what you had to say, and more than that, how you presented it.
Too cool!

It is appropriate time to make some plans for the longer term and
it's time to be happy. I have learn this publish and if I could I wish to recommend you some attention-grabbing issues or tips.
Maybe you can write subsequent articles referring to this article.

I want to read even more things approximately it!

Wonderful goods from you, man. I've understand your stuff previous to and you
are just extremely great. I really like what you've acquired here, certainly
like what you are stating and the way in which you say it.
You make it entertaining and you still take care of to
keep it sensible. I can not wait to read far more from you.
This is really a wonderful web site.

Please let me know if you're looking for a article author
for your blog. You have some really good posts and I think I would be a good asset.

If you ever want to take some of the load off, I'd love to write some material for your blog in exchange for a link
back to mine. Please shoot me an email if interested.
Many thanks!

Hello, I think your website might be having browser compatibility issues.
When I look at your blog site in Chrome, it looks fine but when opening in Internet
Explorer, it has some overlapping. I just wanted to give you a
quick heads up! Other then that, great blog!

My programmer is trying to persuade me to move to .net from
PHP. I have always disliked the idea because of the expenses.
But he's tryiong none the less. I've been using Movable-type on several websites for about a year and
am worried about switching to another platform. I have heard good things
about blogengine.net. Is there a way I can transfer all my wordpress posts into it?
Any help would be really appreciated!

Hi there just wanted to give you a quick heads up.
The words in your article seem to be running off the
screen in Internet explorer. I'm not sure if this is a formatting issue or
something to do with browser compatibility but I thought I'd
post to let you know. The design look great though!

Hope you get the issue solved soon. Kudos

I'd like to thank you for the efforts you have put in penning this site.
I'm hoping to check out the same high-grade content from you in the future
as well. In truth, your creative writing abilities
has inspired me to get my own, personal website now
;)

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.