Making Raspberry Pi Web Controls
ฝัง
- เผยแพร่เมื่อ 15 มิ.ย. 2024
- This video will show you how to control your Raspberry Pi's GPIO pins from a web interface. This will allow you to control motors, lights and other electronics from the web! You can even make your own Raspberry Pi Web controlled robot like this one:
• Web Controlled Spybot
More Web Programming Tutorials:
HTML - • Tinkernut - Website Ba...
Javascript - • Tinkernut - Website Ba...
PHP - • Tinkernut - Website Ba... - วิทยาศาสตร์และเทคโนโลยี
![เกิดใหม่ทั้งทีก็เป็นสไลม์ไปซะแล้ว ซีซั่น 3 - ตอนที่ 59 [ซับไทย]](http://i.ytimg.com/vi/GmW4a8prWUQ/mqdefault.jpg)
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.
Thanks for the inspiration dude keep up the creativity- loving your work
Excellent video, best way I've found on the web of doing this, many thanks :)
Awesome man. I will consider donating when i revisit to use this tutorial!
I've never used this pie technology but still love the way you explain it. Amazing!
*pi
Thanks! Works just fine. Looking forward for new cool stuff.
Awesome. Very well detailed view and a good explanation on how things are working.
Thanks! You made the PHP call quite complicated. No need to, just simple HTML code can call a second page.
EXACTLY what i needed, that you sir
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.
Great job bro... As i able i will support you with money
And thanx for posting this usefull video
Nice video buddy, very informative. Thank you for sharing with us :-)
Nice video, thanks for sharing!
great work..., Thanks for the video
Nice tutorial!
I love it. Can't wait to try it out
Great video ! Thnxs for sharing !
thanks a lot for this !
Great Video helped me Greatly 👌
love it, great work !!!
Many thanks, brother.
Thanks man liked subscribed
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?
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)
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?
awesome stuff!
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..
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
that was cool! Is there a way so that i could start or log off my computer remotely?
cool man.. keep it up.
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?
Great video! Is it possible to make the pi camera take a photo via a web interface?
Great video :)
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 ?
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...
you could also use php shell exec
thank you
Outstanding!
VERRY GOOD VIDEOS !
Really Nice
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.
I got pinon.php and pinoff.php run by changing ...system(... to echo exec('gpio -g mode ...'); perfect !!
Here is a beer for helping me get my project going faster! *****
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 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.
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.
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);
Is it possible to do an OnMouse event, so 1 button will light the LED when clicked, but turn off when released?
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:)
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
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?
do you have a video on how to make a pi server that is actually on the internet?
hi my friend this is good tutorial
but i have a quistion how to make this dashboard access for anyone in the web
Hi thanks for this is there a link to Git or something with all of the code pls?
Which is better in your opinion: arduino or raspberry pi ?
+@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
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?
Yay he said Nginx correctly this time, virtual high five!
chris I haha. i have you to thank for that ;-)
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?
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
I want some Raspberry PI!
Can you do wireless web controls with an arduino?
Hey Tinkernut, will you be so kind as to tell me how to use this code to control multiple led's thanks
is there an easy way to activate the led as long as you click the button?
what is the advantage of using PHP on backend than Node.js ?
I really appreciate the video. Had no issues with the command line prompts nor any with creating the little PHP files for pin on and off, but for the life of me I cannot get the button one to work. I noticed the version is updated on jQuery to 1.11.3 and still absolutely nothing. Has anyone else got this to work yet? (Never mind I forgot to end the script.... Works awesome now. Thanks)
+Thomas Myers How did you get it to work?
+B Berg I literally just typed in his script. The only reason at first it didn't work for me was because I missed a but once added I no issues at all.
+Thomas Myers I got the end bracket for the script but I still can't get buttons to work, it only works with direct page i.e. Ipaddress Pinoff.php
how can we play a audio file as well as "Turning on the LED" whenever ON button is clicked ?
nice !
Is there a way so i can make a webserver to run commands (eg. Reboot system, startx, etc)
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.
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.
Cool.
How do you use webcontrols to make a camera module take a picture?
Unbelievable. CAN YOU MAKE THAT HAPPEN?
I can add a camera field in the same page ?
nice
Is there an easy way to use this methode with UART?
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 ".
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
Hi, you can help me, how can use a public addres (public ip ) to access to web page thanks
is there a way that i can see if a port already is opened?
great.......
bro kalau tak pakai wifi adapter tu boleh tak ?
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
do raspberry pi act as a server automatically? if no then how to setup it as a server?
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 ??
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
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
Interesting
Ok, now I can make whole smart house with web controlled devices and home made rasp server
hey can anyone tell me which device he uses with led to attach with raspberry pi
good
Will this work through internet or on same wifi network
If you port forward the rpi private LAN ip to the public WAN ip of the modem, you should have access from the wider internet.
I typed out the script but must have an error, is the script available somewhere for easy copy or download?
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.
I need help for me it says URL not found
Does anyone know if he has a copy of the code he used in this video online somewhere?
not foud in cd www..
can u help me, please.
how to install webserver and php?