Αυτοματισμός οικιακού ελέγχου που βασίζεται σε Iot με βάση το βατόμουρο pi

Γεια σας, καλώς ήλθατε στο σημερινό σεμινάριο, ένα από τα καλά πράγματα για το Raspberry Pi είναι η μεγάλη ικανότητα και ευκολία με την οποία σας δίνει την ευκαιρία να συνδέσετε συσκευές στο Διαδίκτυο, ειδικά για οικιακά έργα αυτοματισμού. Σήμερα πρόκειται να διερευνήσουμε τη δυνατότητα ελέγχου των συσκευών AC με το πάτημα των κουμπιών σε μια ιστοσελίδα χρησιμοποιώντας το Διαδίκτυο. Χρησιμοποιώντας αυτό το σύστημα οικιακού αυτοματισμού με βάση το IoT, μπορείτε να ελέγχετε τις οικιακές σας συσκευές από οπουδήποτε στον κόσμο. Αυτός ο διακομιστής ιστού μπορεί να εκτελεστεί από οποιαδήποτε συσκευή η οποία μπορεί να εκτελεί εφαρμογές HTML, όπως έξυπνο τηλέφωνο, tablet, υπολογιστή κ.λπ.

Απαιτούμενα συστατικά:

Για αυτό το έργο, οι απαιτήσεις θα εμπίπτουν σε δύο κατηγορίες, το Υλικό και το Λογισμικό:

I. Απαιτήσεις υλικού:

Raspberry Pi 3 (Οποιαδήποτε άλλη έκδοση θα είναι ωραία)
Κάρτα μνήμης 8 ή 16 GB με Raspbian Jessie
Ρελέ 5v
2n222 τρανζίστορ
Δίοδοι
Καλώδια αλτών
Μπλοκ σύνδεσης
LED για δοκιμή.
Λάμπα AC για δοκιμή
Καλώδια ψωμιού και άλτης
220 ή 100 ohms αντίσταση

ΙΙ. Απαιτήσεις λογισμικού:

Εκτός από το λειτουργικό σύστημα Raspbian Jessie που τρέχει στο raspberry pi, θα χρησιμοποιούμε επίσης το πλαίσιο εργασίας WebIOPi, το σημειωματάριο ++ που εκτελείται στον υπολογιστή σας και το filezila για να αντιγράψετε αρχεία από τον υπολογιστή στο raspberry pi, ειδικά τα αρχεία της εφαρμογής web.

Επίσης δεν χρειάζεται να κωδικοποιήσετε στο Python για αυτό το Έργο οικιακού αυτοματισμού, το WebIOPi θα κάνει όλη τη δουλειά.

Προετοιμασία του Raspberry Pi:

Είναι μια συνήθεια κάποιου είδους για μένα και νομίζω ότι είναι καλό, το πρώτο πράγμα που κάνω κάθε φορά που θέλω να χρησιμοποιήσω το Raspberry Pi είναι να ενημερώσω το PI. Για αυτό το έργο, αυτή η ενότητα θα περιλαμβάνει τις διαδικασίες ενημέρωσης του Pi και την εγκατάσταση του πλαισίου WebIOPi που θα μας βοηθήσει να χειριστούμε την επικοινωνία από την ιστοσελίδα στο Raspberry pi. Θα έπρεπε πιθανώς να δηλώσω ότι αυτό μπορεί επίσης να γίνει με αναμφισβήτητα ευκολότερο τρόπο χρησιμοποιώντας το πλαίσιο πλαισίου φιάλης python, αλλά ένα από τα ενδιαφέροντα πράγματα για το DIY είναι όταν ρίχνετε μια ματιά κάτω από την κουκούλα και κάνετε τη δύσκολη δουλειά. Εκεί έρχεται όλη η χαρά του DIY.

Για να ενημερώσετε το Raspberry Pi παρακάτω εντολές και, στη συνέχεια, επανεκκινήστε το RPi.

sudo apt-get ενημέρωση sudo apt-get αναβάθμιση sudo επανεκκίνηση

Με αυτό, το επόμενο πράγμα είναι να εγκαταστήσουμε το πλαίσιο webIOPi.

Βεβαιωθείτε ότι βρίσκεστε στον αρχικό κατάλογο χρησιμοποιώντας

cd ~

Χρησιμοποιήστε το wget για να λάβετε το αρχείο από τη σελίδα sourceforge.

wget

Όταν ολοκληρωθεί η λήψη, εξαγάγετε το αρχείο και μεταβείτε στον κατάλογο.

tar xvzf WebIOPi-0.7.1.tar.gz cd WebIOPi-0.7.1 /

Σε αυτό το σημείο πριν από την εκτέλεση της εγκατάστασης, πρέπει να εγκαταστήσουμε μια ενημέρωση κώδικα επειδή αυτή η έκδοση του WebIOPi δεν λειτουργεί με το βατόμουρο pi 3 που χρησιμοποιώ και δεν μπορούσα να βρω μια έκδοση του WebIOPi που λειτουργεί ρητά με το Pi 3.

Οι παρακάτω εντολές χρησιμοποιούνται για την εγκατάσταση ενημερωμένης έκδοσης κώδικα ενώ εξακολουθούν να βρίσκονται στον κατάλογο WebIOPi, εκτελέστε.

wget https://raw.githubusercontent.com/doublebind/raspi/master/webiopi-pi2bplus.patch patch -p1 -i webiopi-pi2bplus.patch

Τότε μπορούμε να εκτελέσουμε την εγκατάσταση εγκατάστασης για το WebIOPi χρησιμοποιώντας.

sudo./setup.sh

Συνεχίστε να λέτε ναι αν σας ζητηθεί να εγκαταστήσετε εξαρτήσεις κατά την εγκατάσταση. Όταν τελειώσετε, επανεκκινήστε το pi;

επανεκκίνηση sudo

Δοκιμή εγκατάστασης WebIOPi:

Πριν μεταβείτε στα σχήματα και τους κωδικούς, Με το Raspberry Pi ξανά ενεργοποιημένο, θα πρέπει να δοκιμάσουμε την εγκατάσταση του WebIOPi για να βεβαιωθούμε ότι όλα λειτουργούν καλά όπως επιθυμείτε.

Εκτελέστε την εντολή.

sudo webiopi -d -c / etc / webiopi / config

Αφού εκδώσετε την παραπάνω εντολή στο pi, στρέψτε το πρόγραμμα περιήγησης ιστού του υπολογιστή σας που είναι συνδεδεμένο στο βατόμουρο pi στο http: // raspberrypi. mshome.net:8000 ή http; // thepi's IPadress: 8000. Το σύστημα θα σας ζητήσει όνομα χρήστη και κωδικό πρόσβασης.

Το όνομα χρήστη είναι webiopi Ο κωδικός πρόσβασης είναι βατόμουρο

Αυτή η σύνδεση μπορεί να αφαιρεθεί αργότερα, αν το επιθυμείτε, αλλά ακόμη και το σύστημα οικιακού αυτοματισμού σας αξίζει κάποιο επιπλέον επίπεδο ασφάλειας για να αποτρέψετε οποιονδήποτε με συσκευές ελέγχου IP και συσκευές IOT στο σπίτι σας.

Μετά τη σύνδεση, κοιτάξτε γύρω και, στη συνέχεια, κάντε κλικ στο σύνδεσμο κεφαλίδας GPIO.

Για αυτήν τη δοκιμή, θα συνδέσουμε ένα LED στο GPIO 17, οπότε συνεχίστε και ορίστε το GPIO 17 ως έξοδο.

Με αυτόν τον τρόπο, συνδέστε το led στο βατόμουρο pi όπως φαίνεται στα παρακάτω σχήματα.

Μετά τη σύνδεση, επιστρέψτε στην ιστοσελίδα και κάντε κλικ στο κουμπί pin 11 για να ανάψετε ή να σβήσετε το LED. Με αυτόν τον τρόπο μπορούμε να ελέγξουμε το Raspberry Pi GPIO χρησιμοποιώντας το WebIOPi.

Μετά τη δοκιμή, αν όλα λειτουργούσαν όπως περιγράφεται, τότε μπορούμε να επιστρέψουμε στο τερματικό και να σταματήσουμε το πρόγραμμα με CTRL + C. Εάν έχετε κάποιο πρόβλημα με αυτήν τη ρύθμιση, τότε χτυπήστε με μέσω του σχολίου

Περισσότερες πληροφορίες για το Webiopi μπορείτε να βρείτε στη σελίδα του στο Wiki (http://webiopi.trouch.com/INSTALL.html)

Με την ολοκλήρωση της δοκιμής, είμαστε έτοιμοι να ξεκινήσουμε το κύριο έργο.

Δημιουργία της διαδικτυακής εφαρμογής για Raspberry Pi Home Automation:

Εδώ θα επεξεργαστούμε την προεπιλεγμένη διαμόρφωση της υπηρεσίας WebIOPi και θα προσθέσουμε τον δικό μας κώδικα που θα εκτελεστεί όταν καλείται. Το πρώτο πράγμα που θα κάνουμε είναι να εγκαταστήσουμε το αρχείο filezilla ή οποιοδήποτε άλλο λογισμικό αντιγραφής FTP / SCP στον υπολογιστή μας. Θα συμφωνήσετε μαζί μου ότι η κωδικοποίηση στο pi μέσω του τερματικού είναι αρκετά αγχωτική, οπότε το filezilla ή οποιοδήποτε άλλο λογισμικό SCP θα είναι χρήσιμο σε αυτό το στάδιο. Πριν αρχίσουμε να γράφουμε τους κωδικούς σεναρίων html, css και java για αυτήν την εφαρμογή Web αυτοματισμού IoT Home και να τους μεταφέρουμε στο Raspberry Pi, ας δημιουργήσουμε το φάκελο του έργου όπου θα βρίσκονται όλα τα αρχεία μας στο Web.

Βεβαιωθείτε ότι βρίσκεστε στον αρχικό κατάλογο χρησιμοποιώντας και, στη συνέχεια, δημιουργήστε το φάκελο, μεταβείτε στον φάκελο που δημιουργήθηκε και δημιουργήστε φάκελο html στον κατάλογο:

cd ~ mkdir webapp cd webapp mkdir html

Δημιουργήστε ένα φάκελο για σενάρια, CSS και εικόνες μέσα στο φάκελο html

mkdir html / css mkdir html / img mkdir html / σενάρια

Με τα αρχεία μας δημιουργούνται, ας προχωρήσουμε στη σύνταξη των κωδικών στον υπολογιστή μας και από τότε να μετακινηθούμε στο Pi μέσω του filezilla.

Ο κώδικας JavaScript:

Το πρώτο κομμάτι κώδικα που θα γράψουμε είναι αυτό του javascript. Είναι ένα απλό σενάριο για επικοινωνία με την υπηρεσία WebIOPi.

Είναι σημαντικό να σημειωθεί ότι για αυτό το έργο, η εφαρμογή ιστού μας θα αποτελείται από τέσσερα κουμπιά, πράγμα που σημαίνει ότι σκοπεύουμε να ελέγξουμε μόνο τέσσερις ακίδες GPIO, αν και θα ελέγξουμε μόνο δύο ρελέ στην επίδειξή μας. Ελέγξτε το πλήρες βίντεο στο τέλος.

webiopi (). ready (function () {webiopi (). setFunction (17, "out"); webiopi (). setFunction (18, "out"); webiopi (). setFunction (22, "out"); webiopi ().setFunction (23, "out"); var content, button; content = $ ("# content"); button = webiopi (). createGPIOButton (17, "Relay 1"); content.append (κουμπί); κουμπί = webiopi (). createGPIOButton (18, "Relay 2"); content.append (κουμπί); κουμπί = webiopi (). createGPIOButton (22, "Relay 3"); content.append (κουμπί); κουμπί = webiopi ().createGPIOButton (23, "Relay 4"); content.append (κουμπί);});

Ο παραπάνω κωδικός εκτελείται όταν το WebIOPi είναι έτοιμο.

Παρακάτω έχουμε εξηγήσει τον κώδικα JavaScript:

webiopi .

webiopi (). setFunction (23, "έξω"); Αυτό μας βοηθά να πούμε στην υπηρεσία WebIOPi να ορίσει το GPIO23 ως έξοδο. Έχουμε τέσσερα κουμπιά εδώ, θα μπορούσατε να έχετε περισσότερα από αυτά εάν εφαρμόζετε περισσότερα κουμπιά.

περιεχόμενο περιεχομένου, κουμπί; Αυτή η γραμμή λέει στο σύστημά μας να δημιουργήσει μια μεταβλητή με όνομα περιεχόμενο και να κάνει τη μεταβλητή ένα κουμπί.

περιεχόμενο = $ ("# περιεχόμενο"); Η μεταβλητή περιεχομένου εξακολουθεί να χρησιμοποιείται στο html και το css μας. Έτσι, όταν αναφερόμαστε στο #content, το πλαίσιο WebIOPi δημιουργεί όλα όσα σχετίζονται με αυτό.

κουμπί = webiopi (). createGPIOButton (17, "Relay 1"); Το WebIOPi μπορεί να δημιουργήσει διαφορετικά είδη κουμπιών. Το παραπάνω κομμάτι κώδικα μας βοηθά να πούμε στην υπηρεσία WebIOPi να δημιουργήσει ένα κουμπί GPIO που ελέγχει τον ακροδέκτη GPIO σε αυτήν την περίπτωση 17 με την ένδειξη "Relay 1" Το ίδιο ισχύει και για τα άλλα.

content.append (κουμπί); Προσθέστε αυτόν τον κωδικό σε οποιονδήποτε άλλο κωδικό για το κουμπί που δημιουργήθηκε είτε στο αρχείο html είτε αλλού. Μπορούν να δημιουργηθούν περισσότερα κουμπιά και όλα θα έχουν τις ίδιες ιδιότητες αυτού του κουμπιού. Αυτό είναι ιδιαίτερα χρήσιμο κατά τη σύνταξη του CSS ή του σεναρίου.

Αφού δημιουργήσαμε τα αρχεία JS, τα αποθηκεύουμε και στη συνέχεια τα αντιγράφουμε χρησιμοποιώντας το filezilla στο webapp / html / scripts, εάν δημιουργήσατε τα αρχεία σας με τον ίδιο τρόπο που έκανα το δικό μου.

Με αυτό, προχωράμε στη δημιουργία του CSS. Μπορείτε να πραγματοποιήσετε λήψη ολόκληρου του κώδικα από τον σύνδεσμο που παρέχεται στην ενότητα Κωδικός στο τέλος.

Ο κώδικας CSS:

Το CSS μας βοηθά να κάνουμε την ιστοσελίδα μας αυτοματισμού IoT Raspberry Pi να φαίνεται όμορφη.

Ήθελα η ιστοσελίδα να μοιάζει με την παρακάτω εικόνα και έτσι έπρεπε να γράψω το φύλλο στυλ smarthome.css για να το πετύχω.

Παρακάτω έχουμε εξηγήσει τον κώδικα CSS:

Το σενάριο CSS αισθάνεται πολύ ογκώδες για να το συμπεριλάβει εδώ, οπότε θα το διαλέξω και θα το χρησιμοποιήσω για την ανάλυση. Μπορείτε να κατεβάσετε το πλήρες αρχείο CSS από εδώ. Το CSS είναι εύκολο και μπορείτε να το καταλάβετε απλά μέσω του κώδικα CSS. Μπορείτε εύκολα να παρακάμψετε αυτό το μέρος και να χρησιμοποιήσετε τον κώδικα CSS αμέσως.

Το πρώτο μέρος του σεναρίου αντιπροσωπεύει το φύλλο στυλ για το σώμα της εφαρμογής ιστού και φαίνεται παρακάτω.

body {background-color: #ffffff; background-image: url ('/ img / smart.png'); επανάληψη φόντου: όχι-επανάληψη; φόντο-θέση: κέντρο; μέγεθος φόντου: κάλυμμα; γραμματοσειρά: bold 18px / 25px Arial, sans-serif; χρώμα: LightGray; }

Θέλω να πιστέψω ότι ο παραπάνω κώδικας είναι αυτονόητος, ορίζουμε το χρώμα φόντου ως #ffffff το οποίο είναι λευκό και, στη συνέχεια, προσθέτουμε μια εικόνα φόντου που βρίσκεται σε αυτήν τη θέση φακέλου (Θυμηθείτε την προηγούμενη ρύθμιση του φακέλου;), διασφαλίζουμε ότι η εικόνα δεν " t επαναλάβετε ρυθμίζοντας την ιδιότητα επανάληψης φόντου σε μη επανάληψη και κατόπιν δώστε εντολή στο CSS να συγκεντρώσει το φόντο. Στη συνέχεια προχωράμε για να ορίσουμε το μέγεθος, τη γραμματοσειρά και το χρώμα του φόντου.

Έχοντας ολοκληρώσει το σώμα, γράψαμε το css για κουμπιά να φαίνονται όμορφα.

κουμπί {display: block; θέση: σχετική περιθώριο: 10px; επένδυση: 0 10px; text-align: center; διακόσμηση κειμένου: κανένα; πλάτος: 130px; ύψος: 40px; γραμματοσειρά: bold 18px / 25px Arial, sans-serif; χρωμα μαυρο; κείμενο-σκιά: 1px 1px 1px rgba (255.255.255,.22); -webkit-border-radius: 30px; -moz-border-radius: 30px; ακτίνα περιγράμματος: 30 εικονοστοιχεία;

Για να διατηρήσουμε αυτό το σύντομο, κάθε άλλο πράγμα στον κώδικα έγινε επίσης για να φαίνεται καλό. Μπορείτε να τα αλλάξετε για να δείτε τι συμβαίνει, νομίζω ότι ονομάζεται μάθηση μέσω δοκιμής και σφάλματος, αλλά ένα καλό πράγμα για το CSS είναι τα πράγματα που εκφράζονται στα απλά αγγλικά που σημαίνει ότι είναι αρκετά εύκολα κατανοητά. Το άλλο μέρος του μπλοκ κουμπιών έχει λίγα πρόσθετα για σκιά κειμένου στο κουμπί και σκιά κουμπιού. Έχει επίσης ένα ελαφρύ εφέ μετάβασης που το βοηθά να φαίνεται ωραίο και ρεαλιστικό όταν πατάτε το κουμπί. Αυτά ορίζονται ξεχωριστά για webkit, firefox, opera κ.λπ. απλώς για να διασφαλιστεί ότι η ιστοσελίδα λειτουργεί καλύτερα σε όλες τις πλατφόρμες.

Το επόμενο μπλοκ κώδικα είναι για την υπηρεσία WebIOPi να το πει ότι πρόκειται για είσοδο στην υπηρεσία WebIOPi.

i είσοδο DVI {display: block? πλάτος: 160px; ύψος: 45px; }

Το τελευταίο πράγμα που θέλουμε να κάνουμε είναι να δώσουμε κάποια ένδειξη όταν πατηθεί το κουμπί. Έτσι, μπορείτε να δείτε την οθόνη και το χρώμα των κουμπιών να σας ενημερώσει για την τρέχουσα κατάσταση. Για να γίνει αυτό, εφαρμόστηκε η παρακάτω γραμμή κώδικα για κάθε κουμπί.

# gpio17.LOW {φόντο-χρώμα: Γκρι; χρωμα μαυρο; } # gpio17. ΥΨΗΛΗ {φόντο-χρώμα: Κόκκινο; χρώμα: LightGray; }

Οι παραπάνω γραμμές κωδικών αλλάζουν απλώς το χρώμα του κουμπιού με βάση την τρέχουσα κατάστασή του. Όταν το κουμπί είναι απενεργοποιημένο (ΧΑΜΗΛΟ), το χρώμα φόντου των κουμπιών γίνεται γκρι για να δείξει ανενεργό και όταν είναι ενεργοποιημένο (ΥΨΗΛΟ) το χρώμα φόντου του κουμπιού γίνεται ΚΟΚΚΙΝΟ.

Το CSS στην τσάντα, αφήνει να αποθηκευτεί ως smarthome.css και, στη συνέχεια, μετακινήστε το μέσω filezilla (ή οποιουδήποτε άλλου λογισμικού SCP που θέλετε να χρησιμοποιήσετε) στο φάκελο στιλ του βατόμουρου pi και διορθώστε το τελικό κομμάτι, τον κώδικα html. Θυμηθείτε να κατεβάσετε ολόκληρο το CSS από εδώ.

Κωδικός HTML:

Ο κώδικας HTML συγκεντρώνει τα πάντα, javascript και το φύλλο στυλ.

Smart Home

Πιέστε το κουμπί; λάβετε μπέικον

Μέσα στην ετικέτα κεφαλής υπάρχουν μερικά πολύ σημαντικά χαρακτηριστικά.

Η παραπάνω γραμμή του κώδικα επιτρέπει την αποθήκευση της εφαρμογής ιστού σε έναν φορητό υπολογιστή, χρησιμοποιώντας chrome ή mobile safari Αυτό μπορεί να γίνει μέσω του μενού χρωμίου. Αυτό δίνει στην εφαρμογή μια εύκολη αίσθηση εκκίνησης από τον φορητό υπολογιστή ή το σπίτι.

Η επόμενη γραμμή κώδικα παρακάτω δίνει κάποιο είδος ανταπόκρισης στην εφαρμογή ιστού. Το επιτρέπει να καταλαμβάνει την οθόνη οποιασδήποτε συσκευής στην οποία ξεκίνησε.

Η επόμενη γραμμή κώδικα δηλώνει τον τίτλο που εμφανίζεται στη γραμμή τίτλου της ιστοσελίδας.

Smart Home

Οι επόμενες τέσσερις γραμμές κωδικών εκτελούν ο καθένας τη λειτουργία σύνδεσης του κώδικα html με αρκετούς πόρους που χρειάζεται για να λειτουργήσει όπως επιθυμείται.

Η πρώτη γραμμή παραπάνω καλεί το κύριο JavaScript WebIOPi framework που είναι σκληρά κωδικοποιημένο στη ρίζα του διακομιστή. Αυτό πρέπει να καλείται κάθε φορά που πρόκειται να χρησιμοποιηθεί το WebIOPi.

Η δεύτερη γραμμή δείχνει τη σελίδα html στο σενάριο jQuery μας, η τρίτη δείχνει την κατεύθυνση του φύλλου στυλ μας. Τέλος, η τελευταία γραμμή βοηθά στη διαμόρφωση ενός εικονιδίου που θα χρησιμοποιείται στην επιφάνεια εργασίας για κινητά σε περίπτωση που αποφασίσουμε να το χρησιμοποιήσουμε ως εφαρμογή ιστού ή ως favicon για την ιστοσελίδα.

Το κύριο τμήμα του κώδικα html περιέχει ετικέτες αλλαγής για να διασφαλίσει ότι τα κουμπιά ευθυγραμμίζονται σωστά με την παρακάτω γραμμή που λέει στον κώδικα html μας να εμφανίζει ό, τι γράφεται στο αρχείο JavaScript. Το id = "content" θα σας υπενθυμίσει τη δήλωση περιεχομένου για το κουμπί μας νωρίτερα κάτω από τον κώδικα JavaScript.

Γνωρίζετε το τρυπάνι, τον κώδικα html ως index.html και μεταβείτε στο φάκελο html στο Pi μέσω filezilla. Μπορείτε να κατεβάσετε όλα τα αρχεία CSS, JS και HTML από εδώ.

Επεξεργασίες διακομιστή WebIOPi για οικιακό αυτοματισμό:

Σε αυτό το στάδιο, είμαστε έτοιμοι να αρχίσουμε να δημιουργούμε τα σχήματά μας και να δοκιμάζουμε την εφαρμογή ιστού μας, αλλά πριν από αυτό πρέπει να επεξεργαστούμε το αρχείο διαμόρφωσης της υπηρεσίας webiopi, οπότε ήταν σκόπιμο να χρησιμοποιήσει δεδομένα από το φάκελο html αντί για τα αρχεία ρυθμίσεων που συνοδεύουν.

Για να επεξεργαστείτε τη διαμόρφωση εκτελέστε τα ακόλουθα με δικαιώματα root.

sudo nano / etc / webiopi / config

Αναζητήστε την ενότητα http του αρχείου διαμόρφωσης , ελέγξτε κάτω από την ενότητα όπου έχετε κάτι, # Χρησιμοποιήστε doc-root για να αλλάξετε την προεπιλεγμένη τοποθεσία HTML και πόρων αρχείων

Σχολιάστε οτιδήποτε κάτω από αυτό χρησιμοποιώντας # τότε εάν ο φάκελός σας έχει ρυθμιστεί όπως ο δικός μου, τοποθετήστε το doc-root στη διαδρομή του αρχείου έργου σας

doc-root = / home / pi / webapp / html

Αποθήκευση και έξοδος. Μπορείτε επίσης να αλλάξετε τη θύρα από 8000, σε περίπτωση που εκτελείται άλλος διακομιστής στο pi χρησιμοποιώντας αυτήν τη θύρα. Εάν δεν αποθηκεύσετε και κλείστε, καθώς προχωράμε.

Είναι σημαντικό να σημειωθεί ότι μπορείτε να αλλάξετε τον κωδικό πρόσβασης της υπηρεσίας WebIOPi χρησιμοποιώντας την εντολή.

sudo webiopi-passwd

Θα σας ζητήσει νέο όνομα χρήστη και κωδικό πρόσβασης. Αυτό μπορεί επίσης να αφαιρεθεί εντελώς, αλλά η ασφάλεια είναι σημαντική, έτσι;

Τέλος, εκτελέστε την υπηρεσία WebIOPi με την ακόλουθη εντολή:

sudo /etc/init.d/webiopi έναρξη

Η κατάσταση του διακομιστή μπορεί να ελεγχθεί χρησιμοποιώντας:

sudo /etc/init.d/webiopi κατάσταση

Μπορεί να σταματήσει να λειτουργεί.

sudo /etc/init.d/webiopi στάση

Για να ρυθμίσετε το WebIOPi να εκτελείται κατά την εκκίνηση, χρησιμοποιήστε;

sudo update-rc.d webiopi προεπιλογές

Εάν θέλετε να το αντιστρέψετε και να το σταματήσετε να λειτουργεί κατά την εκκίνηση, χρησιμοποιήστε το.

sudo update-rc.d webiopi αφαίρεση

Διάγραμμα κυκλώματος και επεξήγηση:

Με την εγκατάσταση του λογισμικού μας, είμαστε έτοιμοι να αρχίσουμε να δημιουργούμε τα σχήματα για αυτό το έργο οικιακής συσκευής που ελέγχεται από το Web.

Ενώ δεν μπορούσα να βάλω τα χέρια μου σε μονάδες ρελέ, με τις οποίες πιστεύω ότι είναι πιο εύκολο να δουλέψω για χομπίστες. Σχεδιάζω λοιπόν εδώ τα σχήματα για συνηθισμένους μεμονωμένους μεμονωμένους ρελέ 5v.

Συνδέστε το κύκλωμά σας, όπως φαίνεται στο παραπάνω κύκλωμα fritzing Θα πρέπει να σημειώσετε ότι τα COM, ΟΧΙ (κανονικά ανοιχτά) και NC (κανονικά Κλείσιμο) του δικού σας ρελέ ενδέχεται να βρίσκονται σε διαφορετικές πλευρές / σημεία. Χρησιμοποιήστε ένα χιλιοστό για να το δοκιμάσετε. Μάθετε περισσότερα για το ρελέ εδώ.

Με τα στοιχεία μας συνδεδεμένα, ενεργοποιήστε τον διακομιστή σας, από μια ιστοσελίδα, μεταβείτε στην IP του Raspberry Pi και υποδείξτε τη θύρα όπως περιγράφηκε προηγουμένως, συνδεθείτε με το όνομα χρήστη και τον κωδικό πρόσβασής σας και θα πρέπει να δείτε μια ιστοσελίδα που μοιάζει ακριβώς με την παρακάτω εικόνα.

Τώρα μπορείτε να ελέγχετε εύκολα τέσσερις συσκευές AC Home από οπουδήποτε ασύρματα, απλά κάνοντας κλικ στα κουμπιά. Αυτό θα λειτουργήσει από το Mobilephone, το tablet κ.λπ. και μπορείτε να προσθέσετε περισσότερα κουμπιά και ρελέ για τον έλεγχο περισσότερων συσκευών. Δείτε το πλήρες βίντεο παρακάτω.

Αυτό είναι παιδιά, ευχαριστώ που επιμείνουμε σε αυτό. Εάν έχετε οποιεσδήποτε ερωτήσεις, τοποθετήστε τις στο πλαίσιο σχολίων.