Управляйте своим электронным миром через Интернет: 16 шагов

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-30 11:51

Следуя этой инструкции, вы сможете ВКЛЮЧАТЬ и ВЫКЛЮЧАТЬ светодиод из любой точки мира. Внимательно прочтите все инструкции и выполняйте шаги один за другим. Изучив это руководство, вы сможете использовать эти знания в различных приложениях, таких как системы домашней автоматизации, проекты IOT с вашими инновационными навыками.

Шаг 1: материалы

1. Компьютер

2. Маршрутизатор с активным подключением к Интернету, подключенный к вашему компьютеру.

3. Arduino (я использую Arduino UNO.)

4. Смартфон или другой компьютер с мобильной передачей данных или другая интернет-сеть.

Шаг 2. Проверьте свой IP

Прежде всего, важно выяснить, есть ли у вас общедоступный IP-адрес или нет, потому что если у вас нет общедоступного IP-адреса, вы не можете получить доступ к своему компьютеру извне. Это означает, что если у вас есть общедоступный IP-адрес, у вас есть адрес Вы можете проверить это, связавшись с вашим поставщиком интернет-услуг. У меня также не было общедоступного IP-адреса, но после обращения к моему интернет-провайдеру они бесплатно предоставили мне общедоступный IP-адрес. Подробнее об IP-адресах можно узнать здесь.

Вы можете узнать свой текущий IP-адрес своего устройства, просто набрав «Какой у меня 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, чтобы включить, выключить встроенный светодиод через последовательный порт, отправив символы «H» и «L». «H» для включения светодиода и «L» для выключения светодиода.

Шаг 7: Создание веб-страницы

Для выполнения этой работы мы используем HTML, AJAX и PHP. Я кратко объясню использование этих трех языков. Вы можете найти дополнительную информацию, используя ссылки ниже. Обычно HTML используется для создания веб-страниц. Он содержит то, что должно появиться. на веб-страницах после загрузки в браузер. AJAX используется для отправки запросов PHP без перезагрузки веб-страницы. PHP используется для управления компортом сервера для управления светодиодом.

1. Узнайте больше о HTML здесь.

2. Узнайте больше об AJAX здесь.

3. Узнайте больше о PHP здесь.

Сначала создайте папку с любым желаемым именем внутри папки с именем «htdocs», где находится папка «xampp», которую мы нашли ранее на шаге 4.

1. Запишите код на первом изображении в файл блокнота и сохраните его как «index.html» в созданной нами папке.

2. Запишите код на втором изображении в файл блокнота и сохраните его как «ledoff.php» в созданной нами папке.

3. Запишите код на третьем изображении в файл блокнота и сохраните его как «ledon.php» в созданной нами папке.

Шаг 8: Смена компорта

Вы должны изменить comport вашего arduino в сценариях PHP. Если он не загрузит веб-страницу, но светодиод не будет работать. Найдите номер comport вашего arduino в Arduino IDE или в диспетчере устройств в вашей ОС, затем измените его в файлы "ledoff.php" и "ledon.php", как указано на изображениях выше. Согласно моему компьютеру, это com7.

Шаг 9. Сделайте свою веб-страницу видимой

Как вы проверили на шаге 5, после входа на свой сервер с помощью «localhost» вы увидите, что он ведет на веб-страницу XAMPP по умолчанию. Итак, как мы можем войти на нашу веб-страницу? Введите имя папки, в которой вы сохранили файлы HTML и PHP, в адресной строке браузера, как это.

localhost / "имя вашей папки"

По моему мнению, моя папка называется "serialportcontrol". Метод ввода ее в адресную строку в браузере упомянут на первом изображении.

После нажатия клавиши ВВОД вы увидите указанную выше веб-страницу, как указано на втором изображении.

Нажимая кнопки «LED ON» и «LED OFF», вы сможете включать и выключать светодиодный индикатор в arduino с помощью веб-страницы. Вы можете управлять светодиодом, также подключив другой компьютер или смартфон к тому же маршрутизатору и вести журнал тот же веб-адрес, который мы использовали сначала в локальной сети.

Шаг 10: изменение номера порта нашего сервера XAMPP

Хорошо, теперь мы знаем, что наша система отлично работает в нашей локальной сети. Так что это самая интересная часть в нашей работе. Прежде всего, нам нужно изменить номер порта нашего сервера XAMPP, потому что порт по умолчанию для сервера XAMPP - 80.

(Порт означает, что это как номер дома в полосе, как указано в домашнем адресе. Дорожка - это общедоступный IP-адрес вашего компьютера. Номер дома - это номер порта. У вашего компьютера один IP-адрес) и несколько портов используются на вашем компьютере для связи с каждой задачей, например, если вы дважды используете сервер XAMPP для выполнения двух заданий на одном компьютере, вам необходимо использовать два номера порта для каждого сервера XAMPP.)

80 - это номер порта по умолчанию для HTTP. Когда вы набираете «localhost» в адресной строке браузера, браузер автоматически добавляет этот номер порта в конец веб-адреса, хотя вы его не видите. Звучит неважно. Так зачем менять номер порта?

Поскольку все маршрутизаторы используют свой номер порта по умолчанию как 80. Если при подключении к серверу через Интернет вы не измените номер порта, вы будете напрямую подключаться к веб-странице маршрутизатора по умолчанию без подключения к серверу. поможет вам изменить номер порта вашего сервера XAMPP. Я использую 1997 в качестве своего номера порта. Перед изменением номера порта обязательно остановите сервер APACHE в XAMPP. После изменения номера порта запустите сервер APACHE.

Шаг 11: Проверка измененного номера порта

Введите свой новый веб-адрес localhost, чтобы проверить, работает ли ваш порт. По мне, это

localhost: 1997 / "имя вашей папки"

Если вы успешно входите на нашу веб-страницу, это означает, что идентификаторы вашего порта успешно меняются. Если нет, попробуйте другой номер порта.

Шаг 12: Настройка маршрутизатора

Пришло время поиграть с вашим роутером. Перенаправление портов - это метод, который используется для открытия определенных портов на следующем уровне сети, что означает, что он позволяет кому-то подключаться к вашему серверу из Интернета. Вы можете найти больше о переадресации портов здесь и здесь. Конфигурации вашего маршрутизатора показаны в следующих шагах.

Я использую 4G-роутер HUAWEI E5172. Итак, эти конфигурации относятся к моему маршрутизатору. Различные производители предоставляют разные пользовательские интерфейсы для маршрутизаторов. Но функции одинаковы в любом роутере. Здесь вы можете узнать, как перенаправить маршрутизатор под разные марки и модели.

Не расстраивайтесь, если вы не можете найти функции, упомянутые в следующих шагах. Прочитав описания и следуя некоторым видео-руководствам различных марок маршрутизаторов, вы сможете успешно настроить свой маршрутизатор.

Шаг 13: настройка параметров DHCP

Когда вы подключаетесь к маршрутизатору через Wi-Fi или Ethernet, маршрутизатор автоматически предоставляет вам определенный IP-адрес. Но если он снова и снова подключает больше устройств к одному и тому же маршрутизатору, этот IP-адрес можно изменить. Это длится только до тех пор, пока вы не перезапустите сервер. Поэтому вам нужно зарезервировать определенный IP-адрес от маршрутизатора до вашего сервера. Давайте начнем с выяснения вашего локального IP-адреса.

1. Откройте CMD, введите «ipconfig» и нажмите Enter….

2. Как упоминалось на втором изображении, вы найдете локальный IPv4-адрес вашего сервера и шлюз по умолчанию….

3. Как указано на третьем изображении, войдите в свой маршрутизатор, используя пароль и имя пользователя. Шлюзом по умолчанию является IP-адрес вашего маршрутизатора (по моему мнению, это 192.168.1.1, как указано в третьем изображении)…..

4. Найдите в роутере «Настройки DHCP». Он находится под локальной сетью в моем маршрутизаторе, как указано на четвертом изображении.

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: тестирование

Пришло время проверить нашу систему. Вы должны использовать устройство с сетью, не подключенной к маршрутизатору. Здесь я использую мобильные данные своего смартфона. Прежде всего вам нужно узнать свой публичный IP-адрес вашего компьютера.

1. Просто введите в Google "какой у меня IP", как указано на первом изображении.

2. Затем запишите IP-адрес.

Тогда пора проверить это на другом мобильном устройстве.

1. Включите мобильные данные в вашем смартфоне.

2. Затем откройте браузер. Я использую Google Chrome.

3. Введите общедоступный IP-адрес вашего компьютера в мобильном браузере, как указано на третьем изображении, как это.

"общедоступный IP": "номер порта" / "имя папки"

По мне> общедоступный ip: 111.223.xx.xx

номер порта: 1997

"имя папки": myprogrammes / управление последовательным портом / успешный проект (ajax)

Затем нажмите Enter на своем смартфоне. Тогда вы сможете управлять встроенным светодиодом Arduino из любой точки мира, нажимая кнопки «LED ON» и «LED OFF».

Шаг 16: инновационное мышление, больше усилий, больше творчества

Так что я думаю, что смог дать вам хорошие инструкции. Теперь вы можете управлять Arduino удаленно через Интернет. Используя свое новаторское мышление и способность учиться через Интернет, вы можете создавать роботов, системы домашней автоматизации, которые могут управлять через Интернет из любой точки мира. Если вы будете использовать эту технологию для добрых дел, вы сможете сделать этот мир намного лучше для всех нас. Спасибо!…

По любым вопросам, связанным с этим, отправьте мне электронное письмо или отправьте сообщение на форуме с инструкциями.

моя почта: [email protected]