Ελέγξτε τον ηλεκτρονικό σας κόσμο μέσω Διαδικτύου: 16 βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:34

Ακολουθώντας αυτό το διδακτικό, θα μπορείτε να ενεργοποιήσετε και να απενεργοποιήσετε ένα LED από οπουδήποτε στον κόσμο. Διαβάστε προσεκτικά όλες τις οδηγίες και ακολουθήστε τα βήματα ένα προς ένα. Αφού μελετήσετε αυτό το διδακτικό, θα μπορείτε να χρησιμοποιήσετε αυτήν τη γνώση σε διάφορες εφαρμογές, όπως συστήματα αυτοματισμού σπιτιού, έργα IOT με τις καινοτόμες δεξιότητές σας.

Βήμα 1: Υλικά

1. Ένας υπολογιστής

2. Ένας δρομολογητής με ενεργή σύνδεση στο διαδίκτυο που είναι συνδεδεμένος στον υπολογιστή σας.

3. Ένα arduino (χρησιμοποιώ arduino UNO.)

4. Ένα smartphone ή άλλος υπολογιστής με δεδομένα κινητής τηλεφωνίας ή άλλο δίκτυο διαδικτύου

Βήμα 2: Ελέγξτε την IP σας

Πρώτα απ 'όλα είναι σημαντικό να διαπιστώσετε ότι έχετε δημόσιο ip ή όχι. Επειδή εάν δεν έχετε δημόσιο ip δεν μπορείτε να έχετε πρόσβαση στον υπολογιστή σας από έξω. Αυτό σημαίνει ότι εάν έχετε δημόσιο ip, έχετε διεύθυνση από το παγκόσμιο διαδίκτυο. Μπορείτε να το ελέγξετε επικοινωνώντας με τον πάροχο υπηρεσιών διαδικτύου. Επίσης, δεν είχα δημόσιο ip, αλλά μετά την επικοινωνία με τον πάροχό μου, μου έδωσαν δωρεάν ένα δημόσιο ip. Βρείτε περισσότερα για τις διευθύνσεις IP από εδώ.

Μπορείτε να βρείτε την τρέχουσα διεύθυνση IP της συσκευής σας πληκτρολογώντας απλά "What my ip" στο google.

Βήμα 3: Μετατρέψτε τον υπολογιστή σας σε διακομιστή χρησιμοποιώντας το XAMPP

Πρέπει να μετατρέψετε τον υπολογιστή σας σε διακομιστή για πρόσβαση σε αυτόν από το Διαδίκτυο. Το "Apache" είναι το λογισμικό που χρησιμοποιείται για τη μετατροπή ενός υπολογιστή σε διακομιστή. Αλλά υπάρχουν πολλά πράγματα για να διαμορφώσετε εάν χρησιμοποιείτε μόνο το "Apache". Υπάρχουν λοιπόν εφαρμογές τρίτων για να κάνουν αυτήν τη δουλειά χωρίς κόπο. Το "XAMPP" είναι ένα από αυτά. Μπορείτε να το κατεβάσετε και να το εγκαταστήσετε από εδώ. Διατίθενται εκδόσεις Windows, Linux, Mac.

Βήμα 4: Ανοίξτε το XAMPP

Μεταβείτε στη μονάδα δίσκου όπου έχετε εγκαταστήσει το XAMPP. Βρείτε το φάκελο με το όνομα "xampp" και μέσα σε αυτό θα βρείτε μια εφαρμογή που ονομάζεται "xampp-control". Ανοίξτε την. Αφού την ανοίξετε, θα μοιάζει με την παραπάνω εικόνα.

Βήμα 5: Ελέγξτε το XAMPP

Αφού ανοίξετε το XAMPP, κάντε κλικ στο κουμπί έναρξης που βρίσκεται στη σειρά με όνομα "Apache". Στη συνέχεια, ανοίξτε το πρόγραμμα περιήγησης και πληκτρολογήστε "localhost" στη γραμμή διευθύνσεων. Εάν έχετε εγκαταστήσει το XAMPP με επιτυχία, θα κατευθυνθείτε στην προεπιλεγμένη ιστοσελίδα του xampp που εμφανίζεται στο η δεύτερη εικόνα.

Βήμα 6: Προγραμματίστε το Arduino

Ανεβάστε αυτό το πρόγραμμα στο arduino για να ενεργοποιήσετε, εκτός της ενσωματωμένης λυχνίας LED πάνω από τη σειριακή θύρα στέλνοντας χαρακτήρες "H" και "L".

Βήμα 7: Δημιουργία της ιστοσελίδας

Για να κάνουμε αυτή τη δουλειά χρησιμοποιούμε HTML, AJAX και PHP. Θα εξηγήσω εν συντομία τη χρήση αυτών των τριών γλωσσών. Μπορείτε να βρείτε περισσότερες περισσότερες πληροφορίες χρησιμοποιώντας τους παρακάτω συνδέσμους. Βασικά η HTML χρησιμοποιείται για τη δημιουργία ιστοσελίδων. Περιέχει τα πράγματα που θα εμφανιστούν στις ιστοσελίδες μετά τη φόρτωση στο πρόγραμμα περιήγησης. Το AJAX χρησιμοποιείται για την αποστολή αιτημάτων PHP χωρίς επαναφόρτωση της ιστοσελίδας. Το PHP χρησιμοποιείται για τον έλεγχο της θύρας του διακομιστή για τον έλεγχο της λυχνίας LED.

1. Βρείτε περισσότερα για την HTML εδώ.

2. Βρείτε περισσότερα για το AJAX εδώ.

3. Βρείτε περισσότερα για την PHP εδώ.

Πρώτα δημιουργήστε ένα φάκελο με οποιοδήποτε επιθυμητό όνομα μέσα στο φάκελο με το όνομα "htdocs" όπου στον φάκελο "xampp" που βρήκαμε νωρίτερα στο βήμα 4.

1. Γράψτε τον κώδικα στην πρώτη εικόνα σε ένα αρχείο σημειωματάριου και αποθηκεύστε τον ως "index.html" στο φάκελο που δημιουργήσαμε.

2. Γράψτε τον κωδικό στη δεύτερη εικόνα σε ένα αρχείο σημειωματάριου και αποθηκεύστε τον ως "ledoff.php" στο φάκελο που δημιουργήσαμε.

3. Γράψτε τον κώδικα στην τρίτη εικόνα σε ένα αρχείο σημειωματάριου και αποθηκεύστε τον ως "ledon.php" στο φάκελο που δημιουργήσαμε.

Βήμα 8: Αλλαγή του Comport

Πρέπει να αλλάξετε το comport του arduino σας στα σενάρια PHP. Αν όχι, θα φορτώσει την ιστοσελίδα, αλλά το LED δεν θα λειτουργήσει. Βρείτε τον αριθμό comport του arduino σας στο Arduino IDE ή στο διαχειριστή συσκευών στο λειτουργικό σας σύστημα. Στη συνέχεια, αλλάξτε το και τα δύο αρχεία "ledoff.php" και "ledon.php" όπως αναφέρονται στις παραπάνω εικόνες. Σύμφωνα με τον υπολογιστή μου είναι com7.

Βήμα 9: Κάντε την ιστοσελίδα σας ορατή

Όπως ελέγξατε στο βήμα 5, αφού συνδεθείτε στον διακομιστή σας χρησιμοποιώντας το "localhost" θα δείτε ότι κατευθύνεται στην προεπιλεγμένη ιστοσελίδα του XAMPP. Πώς μπορούμε λοιπόν να συνδεθούμε στην ιστοσελίδα μας; Πληκτρολογήστε το όνομα του φακέλου σας όπου έχετε αποθηκεύσει αρχεία HTML και PHP στη γραμμή διευθύνσεων του προγράμματος περιήγησης όπως αυτό.

localhost/"το όνομα του φακέλου σας"

Σύμφωνα με εμένα, το όνομα του φακέλου μου είναι "serialportcontrol". Η μέθοδος πληκτρολόγησής του στη γραμμή διευθύνσεων στο πρόγραμμα περιήγησης αναφέρεται στην πρώτη εικόνα.

Αφού πατήσετε enter θα δείτε την παραπάνω ιστοσελίδα όπως αναφέρεται στη δεύτερη εικόνα.

Κάνοντας κλικ στα κουμπιά "LED ON" και "LED OFF" θα μπορείτε να ενεργοποιήσετε και να απενεργοποιήσετε το biult στο LED του arduino χρησιμοποιώντας μια ιστοσελίδα. Μπορείτε να ελέγξετε το LED, συνδέοντας επίσης έναν άλλο υπολογιστή ή ένα smartphone στον ίδιο δρομολογητή και καταγράφοντας την ίδια διεύθυνση ιστού που χρησιμοποιήσαμε πρώτα στο τοπικό δίκτυο.

Βήμα 10: Αλλαγή του αριθμού θύρας του διακομιστή XAMPP

Εντάξει, τώρα γνωρίζουμε ότι το σύστημά μας λειτουργεί καλά στο τοπικό μας δίκτυο. Αυτό είναι το πιο ενδιαφέρον μέρος στη δουλειά μας. Πρώτα απ 'όλα πρέπει να αλλάξουμε τον αριθμό θύρας του διακομιστή XAMPP. Επειδή η προεπιλεγμένη θύρα του διακομιστή XAMPP είναι 80 Το

(Η θύρα σημαίνει, είναι ακριβώς όπως ένας αριθμός σπιτιών σε μια λωρίδα όπως αναφέρεται στη διεύθυνση του σπιτιού. Η λωρίδα είναι το δημόσιο ip του υπολογιστή σας. Ο αριθμός του σπιτιού είναι ο αριθμός θύρας. Ο υπολογιστής σας έχει μία διεύθυνση IP και πολλές θύρες χρησιμοποιούνται στον υπολογιστή σας για επικοινωνία με κάθε εργασία, όπως εάν χρησιμοποιείτε διακομιστή XAMPP δύο φορές για να κάνετε δύο εργασίες στον ίδιο υπολογιστή, πρέπει να χρησιμοποιήσετε δύο αριθμούς θυρών σε κάθε διακομιστή XAMPP.)

Ο 80 είναι ο προεπιλεγμένος αριθμός θύρας για το HTTP. Όταν πληκτρολογείτε το "localhost" στη γραμμή διευθύνσεων του προγράμματος περιήγησης, το πρόγραμμα περιήγησης προσθέτει αυτόματα αυτόν τον αριθμό θύρας στο τέλος της διεύθυνσης ιστού, αν και δεν μπορείτε να τον δείτε. Ακούγεται ότι δεν έχει σημασία. Γιατί λοιπόν πρέπει να αλλάξει τον αριθμό θύρας;

Επειδή όλοι οι δρομολογητές χρησιμοποιούν τον προεπιλεγμένο αριθμό θύρας τους ως 80. Όταν συνδέεστε στον διακομιστή σας από το Διαδίκτυο, εάν δεν αλλάξετε τον αριθμό θύρας, θα συνδεθείτε απευθείας με την προεπιλεγμένη ιστοσελίδα του δρομολογητή χωρίς να συνδεθείτε με τον διακομιστή σας. Οι παραπάνω εικόνες θα σας καθοδηγώ να αλλάξετε τον αριθμό θύρας του διακομιστή σας XAMPP. Χρησιμοποιώ το 1997 ως αριθμό θύρας μου. Βεβαιωθείτε ότι έχετε σταματήσει τον διακομιστή APACHE στο XAMPP πριν αλλάξετε τον αριθμό θύρας. Αφού αλλάξετε τον αριθμό θύρας, ξεκινήστε τον διακομιστή APACHE.

Βήμα 11: Έλεγχος του αριθμού αλλαγής θύρας

Πληκτρολογήστε τη νέα σας διεύθυνση web localhost για να ελέγξετε αν η θύρα σας λειτουργεί ή όχι. Σύμφωνα με εμένα είναι

localhost: 1997/"το όνομα του φακέλου σας"

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

Βήμα 12: Διαμόρφωση του δρομολογητή

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

Χρησιμοποιώ δρομολογητή HUAWEI E5172 4G. Έτσι αυτές οι διαμορφώσεις παραπέμπονται στο δρομολογητή μου. Διαφορετικοί κατασκευαστές παρέχουν διαφορετικές διεπαφές χρήστη για δρομολογητές. Αλλά τα χαρακτηριστικά είναι ίδια σε κάθε είδους δρομολογητή. Μπορείτε να βρείτε πώς να μεταφέρετε έναν δρομολογητή με πολλές διαφορετικές μάρκες και μοντέλα εδώ.

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

Βήμα 13: Διαμόρφωση ρυθμίσεων DHCP

Όταν συνδέεστε σε δρομολογητή μέσω WiFi ή Ethernet, ο δρομολογητής σας δίνει αυτόματα ένα συγκεκριμένο ip. Αλλά εάν συνδέει περισσότερες συσκευές στον ίδιο δρομολογητή ξανά και ξανά, αυτό το ip μπορεί να αλλάξει. Διαρκεί μόνο μέχρι να κάνετε επανεκκίνηση του διακομιστή σας. Επομένως, πρέπει να κάνετε κράτηση μιας συγκεκριμένης διεύθυνσης IP από το δρομολογητή στον διακομιστή σας. Ας ξεκινήσουμε με το να μάθουμε ποια είναι η τοπική σας διεύθυνση IP.

1. Ανοίξτε το CMD, πληκτρολογήστε "ipconfig" και πατήστε enter….

2. Όπως αναφέρεται στη δεύτερη εικόνα, θα βρείτε την τοπική διεύθυνση ipv4 του διακομιστή σας και την προεπιλεγμένη πύλη….

3. Όπως αναφέρεται στην τρίτη εικόνα, συνδεθείτε στο δρομολογητή σας χρησιμοποιώντας τον κωδικό πρόσβασης και το όνομα χρήστη. Η προεπιλεγμένη πύλη είναι το ip του δρομολογητή σας (Σύμφωνα με εμένα είναι 192.168.1.1 όπως αναφέρεται στην τρίτη εικόνα)…..

4. Βρείτε "Ρυθμίσεις DHCP" στο δρομολογητή σας. Είναι στο LAN στο δρομολογητή μου όπως αναφέρεται στην τέταρτη εικόνα.

5. Μεταβείτε στη "Ομαδοποιημένη λίστα διευθύνσεων"> "Επεξεργασία λίστας"> "Προσθήκη" σύμφωνα με το δρομολογητή μου.

6. Στη συνέχεια, μπορείτε να δείτε όλες τις διευθύνσεις ip των συσκευών που είναι συνδεδεμένες στο δρομολογητή σας αυτόματα κάτω από ένα αναπτυσσόμενο μενού. Έχω συνδέσει τον υπολογιστή και το τηλέφωνό μου στο δρομολογητή, οπότε εδώ μπορείτε να δείτε δύο διευθύνσεις IP όπως αναφέρεται στην όγδοη (8η) εικόνα.

7. Επιλέξτε το ip του διακομιστή σας και, στη συνέχεια, "υποβάλετε" και "εφαρμόστε" τις ρυθμίσεις.

8. Στη συνέχεια, χρειάζονται λίγα λεπτά για επανεκκίνηση του δρομολογητή (σύμφωνα με το δικό μου).

Στη συνέχεια, ο διακομιστής σας θα λαμβάνει ένα συγκεκριμένο ίδιο ip κάθε φορά που κάνετε επανεκκίνηση του υπολογιστή σας.

Μπορείτε να βρείτε έναν οδηγό βίντεο για έναν δρομολογητή TP-LINK από εδώ.

Βήμα 14: Διαμόρφωση των ρυθμίσεων "Προώθηση θυρών"

Τώρα ήρθε η ώρα να ανοίξετε τη θύρα του διακομιστή στο δημόσιο διαδίκτυο.

1. Πηγαίνετε "ασφάλεια"> "επίπεδο τείχους προστασίας" όπως αναφέρεται στην πρώτη εικόνα.

2. Στη συνέχεια, τοποθετήστε το επίπεδο του τείχους προστασίας σε "Χαμηλό" χρησιμοποιώντας το αναπτυσσόμενο μενού, όπως αναφέρεται στη δεύτερη εικόνα.

3. Στη συνέχεια, κάντε κλικ στην επιλογή "υποβολή" για να αποθηκεύσετε τις ρυθμίσεις όπως αναφέρονται στην τρίτη εικόνα.

4. Στη συνέχεια πήρα "προώθηση θυρών"> "Προσθήκη στοιχείου" όπως αναφέρεται στην τέταρτη εικόνα.

5. Προσθέστε δεδομένα όπως διαμορφώσαμε πριν και όπως αναφέρθηκε στην πέμπτη εικόνα.

Τύπος: Προσαρμοσμένο

πρωτόκολλο: TCP

Απομακρυσμένος υπολογιστής: ……………

Εύρος απομακρυσμένης θύρας: 1997

Τοπικός οικοδεσπότης: 192.168.1.3

Τοπικό λιμάνι: 1997

6. Στη συνέχεια, κάντε κλικ στην επιλογή "υποβολή" για να αποθηκεύσετε τις ρυθμίσεις.

Μπορείτε να βρείτε οδηγούς βίντεο για δρομολογητή TP-LINK και D-LINK από εδώ και εδώ.

Βήμα 15: Δοκιμή

Τώρα ήρθε η ώρα να ελέγξουμε το σύστημά μας. Πρέπει να χρησιμοποιήσετε μια συσκευή με δίκτυο εκτός σύνδεσης δρομολογητή. Εδώ χρησιμοποιώ δεδομένα κινητής τηλεφωνίας του smartphone μου. Πρώτα απ 'όλα, πρέπει να βρείτε τη δημόσια διεύθυνση IP του υπολογιστή σας.

1. Απλώς πληκτρολογήστε στο google "What's my ip" όπως αναφέρεται στην πρώτη εικόνα.

2. Στη συνέχεια σημειώστε τη διεύθυνση IP.

Τότε ήρθε η ώρα να το ελέγξετε σε άλλη κινητή συσκευή.

1. Τοποθετήστε τα δεδομένα κινητής τηλεφωνίας "ενεργοποιημένα" στο smartphone σας.

2. Στη συνέχεια, ανοίξτε το πρόγραμμα περιήγησης. Χρησιμοποιώ το google chrome.

3. Πληκτρολογήστε το δημόσιο ip του υπολογιστή σας στο πρόγραμμα περιήγησης για κινητά όπως αναφέρεται στην τρίτη εικόνα όπως αυτή.

"public ip": "αριθμός θύρας"/"όνομα φακέλου"

Σύμφωνα με εμένα> δημόσια IP: 111.223.xx.xx

αριθμός λιμένα: 1997

"όνομα φακέλου": myprogrammes/σειριακός έλεγχος θύρας/επιτυχημένο έργο (ajax)

Στη συνέχεια, πατήστε enter στο smartphone σας. Στη συνέχεια, θα μπορείτε να ελέγχετε το ενσωματωμένο LED του arduino από οπουδήποτε στον κόσμο κάνοντας κλικ στα κουμπιά "LED ON" και "LED OFF".

Βήμα 16: Καινοτόμος σκέψη, περισσότερη προσπάθεια, περισσότερες δημιουργίες

Νομίζω, λοιπόν, ότι μπόρεσα να σας δώσω ένα καλό διδακτικό. Τώρα, βασικά μπορείτε να ελέγξετε ένα arduino εξ αποστάσεως μέσω διαδικτύου. Χρησιμοποιώντας την καινοτόμο σκέψη και την ικανότητά σας να μαθαίνετε από το Διαδίκτυο, μπορείτε να δημιουργήσετε ρομπότ, συστήματα αυτοματισμού σπιτιού που μπορούν να ελέγχουν το Διαδίκτυο από οπουδήποτε στον κόσμο. Εάν χρησιμοποιείτε αυτήν την τεχνολογία για καλές πράξεις, μπορείτε να κάνετε αυτόν τον κόσμο πολύ καλύτερο για όλους μας. Σας ευχαριστώ!…

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

το ταχυδρομείο μου: [email protected]