thank you for this video it works great:D I made a few changes I whould like to share little code i found to help it look right on a cellphone in the I added it shows up better on my phone so i dont have to zoom every time, I also renamed the controls.php to index.html so i can just use the pi's ip to bring up the buttions
Note AJAX is not only a link between PHP and JS. It just makes a request to any provided url. This DOES NOT limit it to PHP files (works with ASP.net, Ruby,Python,.. Even other HTML files)
Why not use $.ajax() or $.get()? Also, will Node.JS gives a smoother control? I never tried Raspberry Pi so I'm not sure if Node.JS will even work on that...
thanks man it really worked i've been looking for this for 2 days. just make shure you have installed php... my webserver just showed the code that was in the php files.
Script tags should be placed just before the closing body tag, because they block every other request (stylesheets, images etc). Ok, doesnt make difference here, but its good practise in general
if you want a lot of buttons but don't want to copy the ajax code for every button you could also just listen for button clicks with the class of ajax or something and put the name of the file you want to visit in the button as an attribute like: then get the script file by doing: var scriptFile = $(this).attr("script-file"); and then a.open("GET", scriptFile);
Great video,Tinkernut.keep this good work coming. I have a doubt:The process to interact the webpage with the device would be similar to make if I use an Arduino instead?if so,would be doable to implement using a smartphone app to control the Raspberry/Arduino?
If you give the buttons name attributes then you can trigger the LED state using one PHP file (like triggerled.php), making it more cleaner. Of course that would mean checking the value of that input. I assume it was intended for it to be set out in a basic way. Also, I've noticed that you've used the system() function in this video. Does it matter which three functions (system(), shell_exec() and exec()) should be used?
What is a good way of implementing a listening service on multiple Pis to control the GPIO pins according to commands issued over ethernet? To be clear, I intend to have a bespoke program / web page on a windows or mac machine that takes commands through a GUI, such as button presses, to control multiple Pis on the same network. For example, 'click this button to turn on red LED on Pi 6', or 'type here and click send to display a message on Pi 2'. Thanks in advance.
This is great. I'd like to know what's the best lightweight webserver for the RPI, i use apache on my daily basis but can't tell which one is better in terms of resourses and extensibility, just in case..
Hi. I am very interested in computing and programming involving the raspberry pi. I have watched your video and copied all the code from the first part (before the button website) but got some reason it will not work. I have a raspberry pi model b so I'm not sure if that will matter but I was wondering if you Could could go a bit more in depth or just give me a few tips or a bit of help. Thanks and I look forward to hearing from you.
Good evening, please, I have a Raspberry project which takes values from the sensors and it stores it on a web server then the access of it is given that it is done using a mobile application, but I have a small problem " how to store this data on web server ".
awesome! how can I control it from the wider internet without port forwarding or third party wormholes/tunneling like dataplicity? Would it be possible to view this exact webpage but have it control the pi via the cloud?
Hi TinkerNUT love your shows but lately you seem to be a bit hung up on PI?, no offence meant or anthing but is there any chance you'd have time to take a look at the ioio boards? I like the idea of them but I'm wondering about the advantages or disadvantages of these platforms..would really like to hear your opinion on this. BTW Keep up the great work:)
I beleive I've used WebIOPi in a previous video. I think WebIOPi is better because it's more full featured. But Wiring Pi is definitely easier to understand for beginners, which is why I used it.
Hello, I am kinda new with the raspberry pi. I was able to create the files. however, I cannot seem to understand how the process worked on how will the browser from a phone/computer be getting the php file to run. Is there something else that needs to be configured?
+@Tinternut, can u please mention what are the prerequisites that needs to be installed before proceeding to code in php. if possible with commands. i am new to raspberry pi.
hi, thanks for this awesome video :) i did it with a relay module, using your code i am able to turn on on relay i created all the pin on and pin off php pages for each relay, i have 8 relay in all but when using the buttons with different IDs i am not able to switch on and off individual relays.. can you help me out please ?
hii i want to control my robot and view video feed from pi cam on my web page but i dont want it should run on local but i can control from anywhere from internet. can you help me
Is it possible to create this using a HTA type interface so the user can't alter or change the page or close it rather use it as a UI overlay in the Pi's OS?
tried this tutorial and all i could do was get the lights on by navigating to pinon.php in the browser, couldnt get it to work when i click on the button in the controls.php file, any help will be appreciated...
Hi bro I am new in programme I am not learn any programing language but in my project required to program resberry pi pls give me some tips about programming how to progr. It pls tell
This tutorial was very helpful to me, however, I failed to get the javascript working. to resolve the issue I had to a redirection into the pinon.php and pinoff.php file so that once clicked instead of loading the page redirect back to the controller page. If this is something you would like to try just add the following meta tage below in head section of your pinoff and pinon files
Great video. A few suggestions. These are just my thoughts. What you have works, but you can slim down the code some. First off, as someone else already mentioned, you've already imported jQuery, so you could shorten your code up some by using it's $.get functionality. Another thing that you can do to really shorten things up is to not have two function for "ON" and "OFF". What you could do is give each button an attribute of some sort that has a value of "ON" or "OFF". You can then use one function and call it based on "CLASS" (or even object "TAG" in this case) rather then "ID". Again, what you have is great, and it's already done, so no need to change it. But you can save yourself some typing and code size in the future. Plus, creating one function instead of two would help you if you ever need to make changes. You wouldn't have to make every change twice.
Why use jquery from the site, just download it and the you won't need internet for your script to work. Also if your using jquery, why use an XMLHttpRequest? How about jquery .get ??
+Ne ke All you'd have to do is register your home ip-adress with a DNS server and allow port forwarding from your router to your pi. You will then be able to acces your webserver from anywhere.
So what about if im planning to control motors on the raspberry pi while watching a stream on the web page. So for controlling the motors do we use the same code for rotating and everything else or we make diffrent ? If you know how please explain. Thanks
Tinkernut In the last one it was with the ball but not with the DC motors. So how can we control those DC motors. I would do the stream and all but the DC motors ??
Why would you make a native XMLHttpRequest, when you include jQuery. You could do a jquery $.ajax request much easier api.jquery.com/jquery.ajax/. Also your code wouldn't work in Internet Explorer, since Microsoft have implemented their own ajax function in favour of XMLHttpRequest, if that's something you care about. If you use jQuery, you don't need to worry about that. If you dont want to use the jQuery ajax function, you could also remove jQuery altogether, to make the site load faster. Just use "window.document.onload = function(e){}" and "document.getElementById()" instead
Jonas Nielsen Thanks for the feedback! Through all my bits and pieces of add/removed code, I ended up with this....which definitely isn't professional, or pretty for that matter, but it gets the job done.
I just wanted to point out that you included the incorrect script src library. Correct library that worked for me is here: ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" caused me a lot of pain and turmoil. Nevertheless, it works now.
Kars Noordhuis Gotcha. Thanks for the feedback. I'll do my best to crank up the volume. It's nicer to be able to cut it down than not be able to cut it up.
Thank you for this wonderful tutorial. I would like to ask what if we want the website to be available online? Like we'll be able to control the whole system anywhere as long as there is an internet connection? Also, what if we have several functions to control, or like for that video; if we have 5 LED to turn on/off, and the controls need to be in the same page as well.. will be doing this same thing? Thank you so much. I hope you can reply, it is for a project we're working on. Please & thank you.
Hi I am trying to use this http command in my automation but when I type "192.168.0.108/pin18on.php" the browser just show a blank page and the relay I have on pin 18 does not switch on or off. anything I can do or missing ? my files name pin2off.php and pin2on.php when I put gpio -g mode 18 out in the command_line gpio -g mode 18 out turn it ON and gpio -g mode 18 in turn it off
Mike Farrow you could find ways to incorporate "get", but all we needed was the status of the webpage after it loaded and I found this was an easy way to just return the status.
Hi, I am very interested in computing and programming invliving the raspberry pi. I have followed all the steps clearly including setting up nginx and reloading although when reloading there is a fail. Anyway. When I put my raspberry pi's ip address in the url bar and I got enter it comes up with text saying that I successfully installed nginx but when I follow the up address with /pinon.php it comes up with 404 not found nginx/1.6.2. I was wondering if there's a solution and if so what it was or if you could help me over come this problem. Thanks and I hope to here from you.
Is there a way to make a momentary button press? For example having one button, clicking it, and have it load the on page. for one second and then automatically switch to the off page. Sorry if I sound dumb but I am a total noob when it comes to this and I'm still learning.
Hello. When i run "php /var/www/html/pinon.php" the LED goes on, and "php /var/www/html/pinoff.php" the LED goes off. The default root of the nginx is /var/www/html. Also when i type the raspberry pi's ip in the browser i get the default welcome screen from the nginx server. But when i type this in the browser "ipraspberrypi/pinon.php" or "ipraspberrypi/pinoff.php" nothig happen. What should i do? thx
Very cool and concise. I hate watching 30 minutes of video to get as much information as you cover in 5. Can't wait to try it out.
Haven't tried this yet but thanks for making it so simple and outlining all steps.
Excellent video, best way I've found on the web of doing this, many thanks :)
Thanks! You made the PHP call quite complicated. No need to, just simple HTML code can call a second page.
thank you for this video it works great:D I made a few changes I whould like to share
little code i found to help it look right on a cellphone
in the I added
it shows up better on my phone so i dont have to zoom every time, I also renamed the controls.php to index.html so i can just use the pi's ip to bring up the buttions
Which software you use to record your RPi screen? Are you simply connected via SSH with PuTTY and recording with camtasia?
Rui Santos I'm using SSH and a screen recorder. It's on a mac, so I didn't need putty.
Awesome man. I will consider donating when i revisit to use this tutorial!
Note AJAX is not only a link between PHP and JS. It just makes a request to any provided url. This DOES NOT limit it to PHP files (works with ASP.net, Ruby,Python,.. Even other HTML files)
I've never used this pie technology but still love the way you explain it. Amazing!
*pi
Why not use $.ajax() or $.get()?
Also, will Node.JS gives a smoother control? I never tried Raspberry Pi so I'm not sure if Node.JS will even work on that...
Awesome. Very well detailed view and a good explanation on how things are working.
Thanks for the inspiration dude keep up the creativity- loving your work
thanks man it really worked i've been looking for this for 2 days. just make shure you have installed php... my webserver just showed the code that was in the php files.
Script tags should be placed just before the closing body tag, because they block every other request (stylesheets, images etc). Ok, doesnt make difference here, but its good practise in general
if you want a lot of buttons but don't want to copy the ajax code for every button you could also just listen for button clicks with the class of ajax or something and put the name of the file you want to visit in the button as an attribute like: then get the script file by doing: var scriptFile = $(this).attr("script-file"); and then a.open("GET", scriptFile);
Great video,Tinkernut.keep this good work coming.
I have a doubt:The process to interact the webpage with the device would be similar to make if I use an Arduino instead?if so,would be doable to implement using a smartphone app to control the Raspberry/Arduino?
Ohh cool, Im assuming you can also use CSS on top of HTML to give that controller a nice and clean look.
Ofc, Why not
If you give the buttons name attributes then you can trigger the LED state using one PHP file (like triggerled.php), making it more cleaner. Of course that would mean checking the value of that input.
I assume it was intended for it to be set out in a basic way.
Also, I've noticed that you've used the system() function in this video. Does it matter which three functions (system(), shell_exec() and exec()) should be used?
EXACTLY what i needed, that you sir
What is a good way of implementing a listening service on multiple Pis to control the GPIO pins according to commands issued over ethernet?
To be clear, I intend to have a bespoke program / web page on a windows or mac machine that takes commands through a GUI, such as button presses, to control multiple Pis on the same network.
For example, 'click this button to turn on red LED on Pi 6', or 'type here and click send to display a message on Pi 2'. Thanks in advance.
Is it possible to do an OnMouse event, so 1 button will light the LED when clicked, but turn off when released?
This is great. I'd like to know what's the best lightweight webserver for the RPI, i use apache on my daily basis but can't tell which one is better in terms of resourses and extensibility, just in case..
Here is a beer for helping me get my project going faster! *****
How do you use webcontrols to make a camera module take a picture?
Hi. I am very interested in computing and programming involving the raspberry pi.
I have watched your video and copied all the code from the first part (before the button website) but got some reason it will not work. I have a raspberry pi model b so I'm not sure if that will matter but I was wondering if you Could could go a bit more in depth or just give me a few tips or a bit of help.
Thanks and I look forward to hearing from you.
Good evening, please, I have a Raspberry project which takes values from the sensors and it stores it on a web server then the access of it is given that it is done using a mobile application, but I have a small problem " how to store this data on web server ".
Thanks! Works just fine. Looking forward for new cool stuff.
awesome! how can I control it from the wider internet without port forwarding or third party wormholes/tunneling like dataplicity? Would it be possible to view this exact webpage but have it control the pi via the cloud?
Hi TinkerNUT love your shows but lately you seem to be a bit hung up on PI?, no offence meant or anthing but is there any chance you'd have time to take a look at the ioio boards? I like the idea of them but I'm wondering about the advantages or disadvantages of these platforms..would really like to hear your opinion on this. BTW Keep up the great work:)
Which is better ? WiringPi or WebIOPi ? Could you make a tutorial about WebIOPi, please ?
I beleive I've used WebIOPi in a previous video. I think WebIOPi is better because it's more full featured. But Wiring Pi is definitely easier to understand for beginners, which is why I used it.
Hello,
I am kinda new with the raspberry pi. I was able to create the files. however, I cannot seem to understand how the process worked on how will the browser from a phone/computer be getting the php file to run. Is there something else that needs to be configured?
love it, great work !!!
I typed out the script but must have an error, is the script available somewhere for easy copy or download?
is there an easy way to activate the led as long as you click the button?
Great job bro... As i able i will support you with money
And thanx for posting this usefull video
+@Tinternut,
can u please mention what are the prerequisites that needs to be installed before proceeding to code in php. if possible with commands. i am new to raspberry pi.
You need Apache + PHP + WiringPI
hi,
thanks for this awesome video :)
i did it with a relay module, using your code i am able to turn on on relay
i created all the pin on and pin off php pages for each relay, i have 8 relay in all
but when using the buttons with different IDs i am not able to switch on and off individual relays..
can you help me out please ?
I can add a camera field in the same page ?
how can we play a audio file as well as "Turning on the LED" whenever ON button is clicked ?
hii i want to control my robot and view video feed from pi cam on my web page but i dont want it should run on local but i can control from anywhere from internet. can you help me
Great Video helped me Greatly 👌
Many thanks, brother.
Hey Tinkernut, will you be so kind as to tell me how to use this code to control multiple led's thanks
Great video! Is it possible to make the pi camera take a photo via a web interface?
thank you
Is it possible to create this using a HTA type interface so the user can't alter or change the page or close it rather use it as a UI overlay in the Pi's OS?
Nice tutorial!
Great video ! Thnxs for sharing !
tried this tutorial and all i could do was get the lights on by navigating to pinon.php in the browser, couldnt get it to work when i click on the button in the controls.php file, any help will be appreciated...
Hi bro I am new in programme I am not learn any programing language but in my project required to program resberry pi pls give me some tips about programming how to progr. It pls tell
thanks a lot for this !
great work..., Thanks for the video
hi my friend this is good tutorial
but i have a quistion how to make this dashboard access for anyone in the web
This tutorial was very helpful to me, however, I failed to get the javascript working. to resolve the issue I had to a redirection into the pinon.php and pinoff.php file so that once clicked instead of loading the page redirect back to the controller page. If this is something you would like to try just add the following meta tage below in head section of your pinoff and pinon files
Nice video, thanks for sharing!
Which is better in your opinion: arduino or raspberry pi ?
Hi, you can help me, how can use a public addres (public ip ) to access to web page thanks
do raspberry pi act as a server automatically? if no then how to setup it as a server?
is there a way that i can see if a port already is opened?
Great video. A few suggestions.
These are just my thoughts. What you have works, but you can slim down the code some.
First off, as someone else already mentioned, you've already imported jQuery, so you could shorten your code up some by using it's $.get functionality.
Another thing that you can do to really shorten things up is to not have two function for "ON" and "OFF". What you could do is give each button an attribute of some sort that has a value of "ON" or "OFF". You can then use one function and call it based on "CLASS" (or even object "TAG" in this case) rather then "ID".
Again, what you have is great, and it's already done, so no need to change it. But you can save yourself some typing and code size in the future. Plus, creating one function instead of two would help you if you ever need to make changes. You wouldn't have to make every change twice.
Why use jquery from the site, just download it and the you won't need internet for your script to work. Also if your using jquery, why use an XMLHttpRequest? How about jquery .get ??
I need help for me it says URL not found
that was cool! Is there a way so that i could start or log off my computer remotely?
Is there any way we could do this off of an actual webpage, so we could access it from anywhere, not just when we're connected to our home router?
+Ne ke All you'd have to do is register your home ip-adress with a DNS server and allow port forwarding from your router to your pi. You will then be able to acces your webserver from anywhere.
So what about if im planning to control motors on the raspberry pi while watching a stream on the web page. So for controlling the motors do we use the same code for rotating and everything else or we make diffrent ? If you know how please explain. Thanks
UnknownDeveloper I actually just showed how to do that in my previous video.
Tinkernut In the last one it was with the ball but not with the DC motors. So how can we control those DC motors. I would do the stream and all but the DC motors ??
what is the advantage of using PHP on backend than Node.js ?
Hi thanks for this is there a link to Git or something with all of the code pls?
I got pinon.php and pinoff.php run by changing ...system(... to echo exec('gpio -g mode ...'); perfect !!
do you have a video on how to make a pi server that is actually on the internet?
Is there an easy way to use this methode with UART?
Webpage can’t be reached when using Pi IP address and pinon.php :(
Why would you make a native XMLHttpRequest, when you include jQuery. You could do a jquery $.ajax request much easier api.jquery.com/jquery.ajax/.
Also your code wouldn't work in Internet Explorer, since Microsoft have implemented their own ajax function in favour of XMLHttpRequest, if that's something you care about. If you use jQuery, you don't need to worry about that.
If you dont want to use the jQuery ajax function, you could also remove jQuery altogether, to make the site load faster. Just use "window.document.onload = function(e){}" and "document.getElementById()" instead
Um, quick question. Who the hecknuses Internet Explorer?
haha idk. Just in case you want some kind of noob to use your program, it would be a nice thing to support i guess :P
Yeah, I guess :P
Jonas Nielsen Thanks for the feedback! Through all my bits and pieces of add/removed code, I ended up with this....which definitely isn't professional, or pretty for that matter, but it gets the job done.
Tinkernut And why can't we just make a simple PHP if isset submit button system with system() commands?
Yay he said Nginx correctly this time, virtual high five!
chris I haha. i have you to thank for that ;-)
you could also use php shell exec
Thanks man liked subscribed
I just wanted to point out that you included the incorrect script src library. Correct library that worked for me is here:
ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"
caused me a lot of pain and turmoil. Nevertheless, it works now.
Tinkernut can you turn up the audio volume? I cannot hear it that geate even when my phone's volume is turned up all the way
Since I can't go back and edit the audio after it's been rendered, may I suggest headphones as a better alternative? :-)
on my pc it works fine the problem is the mobile youtube site. still thanks tinkernut
Kars Noordhuis Gotcha. Thanks for the feedback. I'll do my best to crank up the volume. It's nicer to be able to cut it down than not be able to cut it up.
salut,
j'ai un pb c que j'ai pas le répertoire ""WWW" qu est ce que je vais faire SVP ??
Can you make this work with the freenove car I’m using an android to control my pi car wanna make it so I don’t have to have to phones
Thank you for this wonderful tutorial.
I would like to ask what if we want the website to be available online? Like we'll be able to control the whole system anywhere as long as there is an internet connection?
Also, what if we have several functions to control, or like for that video;
if we have 5 LED to turn on/off, and the controls need to be in the same page as well.. will be doing this same thing? Thank you so much. I hope you can reply, it is for a project we're working on.
Please & thank you.
Leslie Brillantes if you want to access it on every internet connection on the world.you have to portforward
Thank you for replying.. I'm sorry in advance, because im really an amateur in programming... But what do you mean by PortForward?
Hi I am trying to use this http command in my automation but when I type "192.168.0.108/pin18on.php"
the browser just show a blank page and the relay I have on pin 18 does not switch on or off. anything I can do or missing ?
my files name pin2off.php and pin2on.php
when I put gpio -g mode 18 out in the command_line gpio -g mode 18 out turn it ON and gpio -g mode 18 in turn it off
Is there a way so i can make a webserver to run commands (eg. Reboot system, startx, etc)
Where can I find the source?
not foud in cd www..
can u help me, please.
how to install webserver and php?
Why not make a website that uses s to emulate visiting a page
how we can save the php file in terminal i didnt get your that point and cant even help myself
Really Nice
hey can anyone tell me which device he uses with led to attach with raspberry pi
Can the same be applied for the raspberry pi b+?
marten3451 Yep. It just has different GPIO's, so adjust accordingly.
Tinkernut here's a question how can I make a graphical website to uplode and download files from a file zilla ftp
Tinkernut also with a log in
Nice video buddy, very informative. Thank you for sharing with us :-)
awesome stuff!
Why didn't you use jQuery's 'get' or 'ajax' method to do the ajax request?
Mike Farrow you could find ways to incorporate "get", but all we needed was the status of the webpage after it loaded and I found this was an easy way to just return the status.
Hi, I am very interested in computing and programming invliving the raspberry pi.
I have followed all the steps clearly including setting up nginx and reloading although when reloading there is a fail. Anyway. When I put my raspberry pi's ip address in the url bar and I got enter it comes up with text saying that I successfully installed nginx but when I follow the up address with /pinon.php it comes up with 404 not found nginx/1.6.2. I was wondering if there's a solution and if so what it was or if you could help me over come this problem.
Thanks and I hope to here from you.
Does anyone know if he has a copy of the code he used in this video online somewhere?
Outstanding!
Is there a way to make a momentary button press? For example having one button, clicking it, and have it load the on page. for one second and then automatically switch to the off page. Sorry if I sound dumb but I am a total noob when it comes to this and I'm still learning.
Why use system instead of php_exec?
sulmann26 actually, using exec would work just fine.
If you're using jQuery why just don't use the $.ajax() function. It would be much more simpler.
Thought of the same thing. :)
Do you have it on GitHub
Hello. When i run "php /var/www/html/pinon.php" the LED goes on, and "php /var/www/html/pinoff.php" the LED goes off. The default root of the nginx is /var/www/html. Also when i type the raspberry pi's ip in the browser i get the default welcome screen from the nginx server. But when i type this in the browser "ipraspberrypi/pinon.php" or "ipraspberrypi/pinoff.php" nothig happen. What should i do? thx
I added this to the /etc/nginx/sites-available/default file: "fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;"
Now it works. thx
Hey I am having same problem. What u did? I can't understand what have u wrote that tell me what to do.
I'm actually using apache server so what should I do
i'm not familiar with the apache server. Maybe you should try with the nginx webserver instead of apache. as in this video.