Kontroluj swój elektroniczny świat przez Internet: 16 kroków

2024 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2024-01-30 11:29

Postępując zgodnie z tą instrukcją, będziesz mógł włączać i wyłączać diodę LED z dowolnego miejsca na świecie. Przeczytaj uważnie wszystkie instrukcje i postępuj zgodnie z krokami jeden po drugim. Po przestudiowaniu tej instrukcji będziesz mógł wykorzystać tę wiedzę w różnych aplikacjach, takich jak systemy automatyki domowej, projekty IOT, wykorzystując swoje innowacyjne umiejętności.

Krok 1: Materiały

1. Komputer

2. Router z aktywnym połączeniem internetowym podłączony do komputera.

3. Arduino (używam arduino UNO.)

4. Smartfon lub inny komputer z mobilną transmisją danych lub inna sieć internetowa

Krok 2: Sprawdź swój adres IP

Przede wszystkim ważne jest, aby dowiedzieć się, czy masz publiczny adres IP, czy nie. Ponieważ jeśli nie masz publicznego adresu IP, nie możesz uzyskać dostępu do swojego komputera z zewnątrz. Oznacza to, że jeśli masz publiczny adres IP, masz adres ze światowego Internetu. Możesz to sprawdzić, kontaktując się z dostawcą usług internetowych. Nie miałem również publicznego adresu IP, ale po skontaktowaniu się z moim dostawcą usług internetowych dali mi publiczny adres IP za darmo. Dowiedz się więcej o adresach IP tutaj.

Możesz sprawdzić swój aktualny adres IP swojego urządzenia, wpisując po prostu „Jaki jest mój adres IP” w Google.

Krok 3: Konwertuj swój komputer na serwer za pomocą XAMPP

Musisz przekonwertować komputer na serwer, aby uzyskać do niego dostęp z Internetu."Apache" to oprogramowanie używane do konwersji komputera na serwer. Ale jest wiele rzeczy do skonfigurowania, jeśli używasz tylko "Apache". Istnieją więc aplikacje innych firm, które wykonują tę pracę bez wysiłku. „XAMPP” jest jednym z nich. Możesz go pobrać i zainstalować tutaj. Dostępne są wersje dla systemów Windows, Linux i Mac.

Krok 4: Otwórz XAMPP

Przejdź do dysku, na którym zainstalowałeś XAMPP. Znajdź folder o nazwie „xampp”, a wewnątrz niego znajdziesz aplikację o nazwie „xampp-control”. Otwórz go. Po otwarciu będzie wyglądać jak na powyższym obrazku.

Krok 5: Sprawdź XAMPP

Po otwarciu XAMPP kliknij przycisk Start, który znajduje się w wierszu o nazwie „Apache”. Następnie otwórz przeglądarkę i wpisz „localhost” w pasku adresu. Jeśli pomyślnie zainstalowałeś XAMPP, zostaniesz przekierowany na domyślną stronę xampp, która jest pokazana w drugi obraz.

Krok 6: Zaprogramuj Arduino

Prześlij ten program do arduino, aby włączyć, wyłączyć zintegrowaną diodę LED przez port szeregowy, wysyłając znaki „H” i „L”. „H” do diody LED i „L”, aby wyłączyć diodę LED.

Krok 7: Budowanie strony internetowej

Do wykonania tej pracy używamy HTML, AJAX i PHP. Pokrótce wyjaśnię użycie tych trzech języków. Więcej informacji można znaleźć za pomocą poniższych linków. Zasadniczo HTML jest używany do tworzenia stron internetowych. Zawiera to, co ma się pojawić na stronach internetowych po załadowaniu go w przeglądarce. AJAX służy do wysyłania żądań PHP bez przeładowywania strony internetowej. PHP służy do sterowania portem serwera do sterowania diodą LED.

1. Dowiedz się więcej o HTML tutaj.

2. Dowiedz się więcej o AJAX tutaj.

3. Dowiedz się więcej o PHP tutaj.

Najpierw utwórz folder o dowolnej nazwie w folderze o nazwie „htdocs”, gdzie w folderze „xampp”, który znaleźliśmy wcześniej w kroku 4.

1. Zapisz kod z pierwszego obrazka w pliku notatnika i zapisz go jako „index.html” w utworzonym przez nas folderze.

2. Zapisz kod z drugiego obrazu w pliku notatnika i zapisz go jako "ledoff.php" w folderze, który utworzyliśmy.

3. Zapisz kod z trzeciego obrazu w pliku notatnika i zapisz go jako "ledon.php" w utworzonym przez nas folderze.

Krok 8: Zmiana Comport

Musisz zmienić comport swojego arduino w skryptach PHP. Jeśli nie, załaduje stronę internetową, ale dioda LED nie będzie działać. Znajdź numer comport swojego arduino w Arduino IDE lub w menedżerze urządzeń w swoim systemie operacyjnym. Następnie zmień go w oba pliki "ledoff.php" i "ledon.php", jak wspomniano na powyższych obrazach. Według mojego komputera to com7.

Krok 9: Spraw, aby Twoja strona internetowa była widoczna

Jak sprawdziłeś w kroku 5, po zalogowaniu się na swój serwer za pomocą "localhost" zobaczysz, że kieruje on na domyślną stronę XAMPP. Jak więc możemy zalogować się na naszą stronę? Wpisz nazwę folderu, w którym zapisałeś pliki HTML i PHP w pasku adresu przeglądarki w ten sposób.

localhost/"nazwa twojego folderu"

Według mnie nazwa mojego folderu to „serialportcontrol”. Sposób wpisywania go w pasku adresu przeglądarki jest wymieniony na pierwszym obrazku.

Po naciśnięciu Enter zobaczysz powyższą stronę internetową, jak wspomniano na drugim obrazku.

Klikając przyciski "LED ON" i "LED OFF" będziesz mógł włączać i wyłączać wbudowaną diodę LED arduino za pomocą strony internetowej. Możesz sterować diodą LED również podłączając inny komputer lub smartfon do tego samego routera i logując się ten sam adres internetowy, którego użyliśmy jako pierwszy w sieci lokalnej.

Krok 10: Zmiana numeru portu naszego serwera XAMPP

OK, teraz wiemy, że nasz system działa dobrze w naszej sieci lokalnej. Więc to jest najciekawsza część naszej pracy. Przede wszystkim musimy zmienić numer portu naszego serwera XAMPP. Ponieważ domyślny port serwera XAMPP to 80.

(Port oznacza, że jest jak numer domu na pasie wymienionym w adresie domowym. Pas to publiczny adres IP twojego komputera. Numer domu to numer portu. Twój komputer ma jeden adres IP i kilka portów jest używanych w twoim komputerze do komunikowania się z każdym zadaniem, na przykład jeśli używasz serwera XAMPP dwa razy do wykonywania dwóch zadań na tym samym komputerze, musisz użyć dwóch numerów portów dla każdego serwera XAMPP.)

80 to domyślny numer portu dla HTTP. Kiedy wpisujesz "localhost" w pasku adresu przeglądarki, przeglądarka automatycznie dodaje ten numer portu na końcu adresu internetowego, chociaż nie możesz go zobaczyć. To nie ma znaczenia. Dlaczego więc trzeba zmienić numer portu?

Ponieważ wszystkie routery używają domyślnego numeru portu jako 80. Gdy łączysz się z serwerem z Internetu, jeśli nie zmienisz numeru portu, połączysz się bezpośrednio z domyślną stroną internetową routera bez łączenia się z serwerem. poprowadzi cię do zmiany numeru portu serwera XAMPP. Używam 1997 jako mojego numeru portu. Upewnij się, że zatrzymałeś serwer APACHE w XAMPP przed zmianą numeru portu. Po zmianie numeru portu uruchom serwer APACHE.

Krok 11: Sprawdzanie zmienionego numeru portu

Wpisz nowy adres sieciowy lokalnego hosta, aby sprawdzić, czy twój port działa, czy nie. Według mnie to

localhost:1997/"nazwa twojego folderu"

Jeśli pomyślnie logujesz się na naszej stronie internetowej, oznacza to, że Twoje identyfikatory zmiany portu powiodły się. Jeśli nie, wypróbuj inny numer portu.

Krok 12: Konfiguracja routera

Teraz nadszedł czas na zabawę z routerem. Przekierowanie portów to metoda, która służy do otwierania określonych portów na wyższy poziom sieci, co oznacza, że pozwala komuś połączyć się z twoim serwerem z Internetu. Więcej informacji na temat przekierowania portów można znaleźć tutaj i tutaj. Konfiguracje routera przedstawiono w poniższych krokach.

Używam routera HUAWEI E5172 4G. Więc te konfiguracje odnoszą się do mojego routera. Różni producenci zapewniają różne interfejsy użytkownika dla routerów. Ale funkcje są takie same w każdym routerze. Tutaj możesz dowiedzieć się, jak przenieść router do wielu różnych marek i modeli.

Nie zniechęcaj się, jeśli nie możesz znaleźć funkcji wymienionych w poniższych krokach. Czytając opisy i podążając za kilkoma przewodnikami wideo różnych marek routerów, będziesz w stanie pomyślnie skonfigurować router.

Krok 13: Konfiguracja ustawień DHCP

Kiedy łączysz się z routerem przez Wi-Fi lub Ethernet, router automatycznie podaje określony adres IP. Ale jeśli ponownie łączy więcej urządzeń do tego samego routera, ten adres IP można zmienić. Trwa tylko do momentu ponownego uruchomienia serwera. Musisz więc zarezerwować konkretny adres IP z routera na swój serwer. Zacznijmy od ustalenia, jaki jest twój lokalny adres IP.

1. Otwórz CMD, wpisz „ipconfig” i naciśnij enter….

2. Jak wspomniano na drugim obrazku, znajdziesz lokalny adres IPv4 swojego serwera i domyślną bramę….

3. Jak wspomniano na trzecim obrazie, zaloguj się do routera za pomocą hasła i nazwy użytkownika. Domyślną bramą jest adres IP routera (według mnie jest to 192.168.1.1, jak wspomniano na trzecim obrazie) …..

4. Znajdź „Ustawienia DHCP” w swoim routerze. Jest pod LAN w moim routerze, jak wspomniano na czwartym obrazie.

5. Idź do "Bundled address list" > "edit list" > "Add" zgodnie z moim routerem.

6. Następnie możesz zobaczyć wszystkie adresy IP urządzeń, które są automatycznie podłączone do routera w menu rozwijanym. Podłączyłem komputer i telefon do routera, więc tutaj możesz zobaczyć dwa adresy IP, jak wspomniano na ósmym (8.) obrazie.

7. Wybierz adres IP serwera, a następnie „prześlij” i „zastosuj” ustawienia.

8. Następnie ponowne uruchomienie routera zajmuje kilka minut (według mojego).

Po tym twój serwer otrzyma ten sam adres IP przy każdym ponownym uruchomieniu komputera.

Tutaj znajdziesz przewodnik wideo po routerze TP-LINK.

Krok 14: Konfiguracja ustawień „przekierowywania portów”

Teraz pora otworzyć port serwera na publiczny internet.

1. Przejdź do „zabezpieczenia” > „poziom zapory”, jak wspomniano na pierwszym obrazku.

2. Następnie ustaw poziom zapory na „Niski” za pomocą menu rozwijanego, jak wspomniano na drugim obrazie.

3. Następnie kliknij „prześlij”, aby zapisać ustawienia, jak wspomniano na trzecim obrazie.

4. Następnie przejdź do „przekierowanie portów” > „Dodaj element”, jak wspomniano na czwartym obrazie.

5. Dodaj dane tak, jak skonfigurowaliśmy wcześniej i jak wspomniano na piątym obrazie.

Typ: Niestandardowy

protokół: TCP

Zdalny Host: ……………

Zakres zdalnego portu: 1997

Host lokalny: 192.168.1.3

Port lokalny: 1997

6. Następnie kliknij „prześlij”, aby zapisać ustawienia.

Przewodniki wideo dotyczące routera TP-LINK i D-LINK można znaleźć tutaj i tutaj.

Krok 15: Testowanie

Teraz czas sprawdzić nasz system. Musisz użyć urządzenia z siecią poza połączeniem routera. Tutaj korzystam z danych mobilnych mojego smartfona. Przede wszystkim musisz znaleźć swój publiczny adres IP swojego komputera.

1. Po prostu wpisz w google „jaki jest mój adres IP”, jak wspomniano na pierwszym obrazku.

2. Następnie zanotuj adres IP.

Potem nadszedł czas, aby sprawdzić to na innym urządzeniu mobilnym.

1. Włącz komórkową transmisję danych w swoim smartfonie.

2. Następnie otwórz przeglądarkę. Używam Google Chrome.

3. Wpisz publiczny adres IP swojego komputera w przeglądarce mobilnej, jak wspomniano na trzecim obrazie w ten sposób.

"public ip":"numer portu"/"nazwa folderu"

Według mnie > publiczne ip: 111.223.xx.xx

numer portu: 1997

"nazwa folderu": myprogrammes/serial port control/udany projekt (ajax)

Następnie naciśnij enter na swoim smartfonie. Następnie będziesz mógł sterować wbudowaną diodą LED arduino z dowolnego miejsca na świecie, klikając przyciski „LED ON” i „LED OFF”.

Krok 16: Innowacyjne myślenie, więcej wysiłku, więcej kreacji

Więc myślę, że mogłem dać ci dobrą instrukcję. Teraz w zasadzie możesz zdalnie sterować arduino przez Internet. Wykorzystując swoje innowacyjne myślenie i umiejętność uczenia się z Internetu, możesz tworzyć roboty, systemy automatyki domowej, które mogą sterować przez Internet z dowolnego miejsca na świecie. Jeśli użyjesz tej technologii do dobrych uczynków, możesz uczynić ten świat o wiele lepszym dla nas wszystkich. Dziękuję Ci!…

W przypadku jakichkolwiek problemów z tym związanych, wyślij do mnie e-mail lub wyślij masaż na instruktażowym forum.

moja poczta: [email protected]