--- title: "ARDUINO + W5100 ethernet shield + Blynk" url: "https://maker.wiznet.io/george/projects/ARDUINO-W5100-ethernet-shield-Blynk/" markdown_url: "https://maker.wiznet.io/george/projects/ARDUINO-W5100-ethernet-shield-Blynk/md" type: "UCC: User Created Content" author: "george" author_url: "https://maker.wiznet.io/george/" original_author: "george" original_url: "https://www.sast.in.ua/2016/01/arduino-w5100-ethernet-shield-blynk.html" published: "2019-04-02" language: "en" hardware: ["WIZnet W5100 ethernet shield"] likes: 0 views: 1445 comments: 0 source: "WIZnet Makers (https://maker.wiznet.io/)" --- # ARDUINO + W5100 ethernet shield + Blynk > ARDUINO + W5100 ethernet shield + Blynk Original author: george (source: https://www.sast.in.ua/2016/01/arduino-w5100-ethernet-shield-blynk.html) ## Components - **WIZnet W5100 ethernet shield** x 1 ([docs](https://www.wiznet.hk/en/open-source-hardware/102-w5100s-ethernetshield.html?search_query=W5100+ethernet+shield&results=84)) - Software: **Blynk** ([docs](https://blynk.io/)) - Software: **arduino Libraries** ## Documents and links - [blynk code](https://www.sast.in.ua/2016/01/arduino-w5100-ethernet-shield-blynk.html) (code) ## Article Буквально на днях со статьи ?["Украинцы в Вегасе: 7 украинских продуктов, которые засветились на CES 2016"](http://ain.ua/2016/01/11/625779)?узнал об очень интересном стартапе?[Blynk](https://www.kickstarter.com/projects/167134865/blynk-build-an-app-for-your-arduino-project-in-5-m/description)?- платформа, созданная украинцами для iOS и Android-устройств, позволяет контролировать Arduino, Raspberry Pi и другие похожие микроконтроллерные гаджеты удаленно. [![](https://3.bp.blogspot.com/-ETlFmXlDlB4/VpwH6p9YFBI/AAAAAAACB2c/M_vfqtljQRo/s400/10915323_763061323784426_3228145340111761891_n.png)](http://www.sast.in.ua/2016/01/arduino-w5100-ethernet-shield-blynk.html) Описанный функционал сервиса вызвал огромное желание попробовать его в действии и начну пока с ARDUINO. В документации к проекту детально описана настройка и пошагово?["первый старт"](http://docs.blynk.cc/#getting-started-getting-started-with-the-blynk-app).?[Страница проекта](http://www.blynk.cc/)?в?[Facebook](https://www.facebook.com/blynkapp). (ниже перевод и практика использования). **Быстрый старт: Arduino + Ethernet shield** Скачиваем мобильное приложение Blynk ([App Store](https://itunes.apple.com/us/app/blynk-control-arduino-raspberry/id808760481?ls=1&mt=8),?[Google Play](https://play.google.com/store/apps/details?id=cc.blynk)) В приложении получаем ключ авторизации (Auth Token) Загружаем в?[библиотеку](https://github.com/blynkkk/blynk-library/releases/latest)?в Arduino IDE. Инструкция по установке библиотек?[здесь.](http://arduino.cc/en/guide/libraries) В Arduino IDE, выбираем File -> Examples -> Blynk -> BoardsAndShields -> Arduino_Ethernet В скетче необходимо внести ключ с мобильного приложения (Auth Token) и выгружаем в нашу Arduino. Подключаем Arduino с Ethernet shield к сети Интернет. | [![](https://2.bp.blogspot.com/-YokPzBoDEJc/VpwOkNCQtbI/AAAAAAACB2s/rnAMf2-7FAQ/s400/1c622f9beb988b1619213b345e5b8639_original.png)](https://2.bp.blogspot.com/-YokPzBoDEJc/VpwOkNCQtbI/AAAAAAACB2s/rnAMf2-7FAQ/s1600/1c622f9beb988b1619213b345e5b8639_original.png) | | --- | | Принцип работы Blynk | Попробуем включить светодиод подключенный к Arduino используя Blynk App на телефоне. Подключаем светодиод как указано изображении ниже: [![](https://3.bp.blogspot.com/-1hQ4CYkC3Zw/VpwQmagh8dI/AAAAAAACB24/w2jgv-GXDKg/s320/Arduino_LED.jpg)](https://3.bp.blogspot.com/-1hQ4CYkC3Zw/VpwQmagh8dI/AAAAAAACB24/w2jgv-GXDKg/s1600/Arduino_LED.jpg) **Мобильное приложения Blynk** [![](https://3.bp.blogspot.com/-KIeVxhbpD9s/VpwRaQb7XFI/AAAAAAACB3A/sj9lB-NQag0/s320/%25D0%25B7%25D0%25B0%25D0%25B2%25D0%25B0%25D0%25BD%25D1%2582%25D0%25B0%25D0%25B6%25D0%25B5%25D0%25BD%25D0%25BD%25D1%258F.png)](https://play.google.com/store/apps/details?id=cc.blynk) **1. Создаем Blynk аккаунт** После установки приложения на телефон необходимо создать новый аккаунт. Используйте реальный мейл, он еще понадобится. [![](https://3.bp.blogspot.com/-iInaqeSUKR0/VpwS0NhYhZI/AAAAAAACB3Q/xCbOtBJPLng/s320/sign_up.png)](https://3.bp.blogspot.com/-iInaqeSUKR0/VpwS0NhYhZI/AAAAAAACB3Q/xCbOtBJPLng/s1600/sign_up.png) Зачем создавать аккаунт? Аккаунт необходим для предоставления доступа к устройствам, при управлении проектами с нескольких устройств, а также в целях безопасности. Есть возможность настроить свой сервер?[Private Blynk Server](http://docs.blynk.cc/#blynk-server)?и держать все под личным контролем. **2. Создаем новый проект.** После успешного входа в аккаунт, создаем новый проект дав ему имя. [![](https://3.bp.blogspot.com/-tL8yJUH-3Qo/VpwcPjw9vKI/AAAAAAACB3g/S0vMuU65Jmo/s320/create_new_project.png)](https://3.bp.blogspot.com/-tL8yJUH-3Qo/VpwcPjw9vKI/AAAAAAACB3g/S0vMuU65Jmo/s1600/create_new_project.png) **3. Укажите ваше оборудование.** [![](https://2.bp.blogspot.com/-qln0e7BSbU4/VpwfogBpNUI/AAAAAAACB3o/E00HBImJUMA/s320/select_hardware.png)](https://2.bp.blogspot.com/-qln0e7BSbU4/VpwfogBpNUI/AAAAAAACB3o/E00HBImJUMA/s1600/select_hardware.png) Выберите оборудование которое вы будете использовать. Просмотрите?[список поддерживаемого оборудования](http://docs.blynk.cc/#list-of-supported-hardware). **4. Ключ авторизации (Auth Token)** Auth Token - это уникальный идентификатор который необходим для соединения устройства со смартфоном. Каждый новый проект который вы будете создавать будет иметь свой уникальный ключ. [![](https://3.bp.blogspot.com/-2B3F2LBH64U/Vpwf431EF1I/AAAAAAACB3w/aIi3C6OAUBc/s320/token.png)](https://3.bp.blogspot.com/-2B3F2LBH64U/Vpwf431EF1I/AAAAAAACB3w/aIi3C6OAUBc/s1600/token.png) ПРЕДУПРЕЖДЕНИЕ: не передавайте никому ключ авторизации, за исключением намеренного предоставления доступа к вашему оборудованию. Ключ удобно высылать по почте. Нажмите E-mail и ключ будет отправлен на адрес указанный при регистрации. Если нажать на ключ в приложении, он будет скопирован в буфер обмена. Теперь жмите "Create" [![](https://4.bp.blogspot.com/-zmS8cmMLG6s/VpzepK9I0KI/AAAAAAACB4M/nPgguMB-Orw/s320/new_project.png)](https://4.bp.blogspot.com/-zmS8cmMLG6s/VpzepK9I0KI/AAAAAAACB4M/nPgguMB-Orw/s1600/new_project.png) **5. Добавление виджетов.** Сейчас ваш проект чист, давайте добавим кнопку для управления светодиодом. Нажмите где-либо по пустой области проекта для отображения панели с виджетами. Все доступные виджеты (элементы управления) размещены здесь. Вибирайте кнопку (Button). **Widget Box** [![](https://3.bp.blogspot.com/-jzYKcketeB4/VpzgKPiL8kI/AAAAAAACB4Y/eIC730A5FiA/s320/widgets_box.png)](https://3.bp.blogspot.com/-jzYKcketeB4/VpzgKPiL8kI/AAAAAAACB4Y/eIC730A5FiA/s1600/widgets_box.png) [![](https://4.bp.blogspot.com/-m34SIro5cbo/VpzgP3IBLVI/AAAAAAACB4g/R3l7Asnv2vI/s320/project_with_button.png)](https://4.bp.blogspot.com/-m34SIro5cbo/VpzgP3IBLVI/AAAAAAACB4g/R3l7Asnv2vI/s1600/project_with_button.png) Drag-n-Drop - нажмите и удерживайте необходимый елемент управления, чтобы перетащить на новое место. Настройки виджетов - каждый виджет имеет свои настройки. Нажмите на виджет, чтобы открыть их. [![](https://1.bp.blogspot.com/-c7jkPY32SHc/VpzhJEjWaUI/AAAAAAACB4s/tg6zoZwQskk/s320/button_settings.png)](https://1.bp.blogspot.com/-c7jkPY32SHc/VpzhJEjWaUI/AAAAAAACB4s/tg6zoZwQskk/s1600/button_settings.png) Наиболее важный параметр для настройки это PIN . Список пинов соответствует физическим контактам на устройстве. Если ваш светодиод подключен к цифровому контакту 8 - выберите D8 (D - означает цифровой). [![](https://3.bp.blogspot.com/-SQ4kp8oZX0c/VpzhtwzTx8I/AAAAAAACB40/EeHwjpiXYgk/s320/pin_selection.png)](https://3.bp.blogspot.com/-SQ4kp8oZX0c/VpzhtwzTx8I/AAAAAAACB40/EeHwjpiXYgk/s1600/pin_selection.png) **6. Запускаем проект.** Когда вы закончите с настройками - жмите кнопку PLAY. Это переключит вас с режима редактирования в режим выполнения, в котором вы сможете взаимодействовать с вашими устройствами. В данном режиме вы не сможете перемещать или настраивать элементы управления, нажмите STOP чтобы вернуться в режим редактирования. [![](https://1.bp.blogspot.com/-0G9mw3rZiaA/Vpzkz2MgJ6I/AAAAAAACB5A/TQ3hJxYUbpg/s320/play_button.png)](https://1.bp.blogspot.com/-0G9mw3rZiaA/Vpzkz2MgJ6I/AAAAAAACB5A/TQ3hJxYUbpg/s1600/play_button.png) После запуска выполнения, вы получите сообщение “Arduino UNO is offline”. Исправим это в следующем разделе. **Начинаем работу с устройством** Как использовать скетч примера. На вашем компьютере должна быть установлена библиотека Blynk Library. Если еще нет -?[жмем здесь.](https://github.com/blynkkk/blynk-library/releases/latest) Скетч в примере поможет вам быстро получить онлайн доступ к устройству, библиотека содержит несколько примеров для изучения. Откройте пример скетча, соответствующий вашему устройству или шилду. [![](https://3.bp.blogspot.com/-GLEOOhldGIk/VpzmpdCTM9I/AAAAAAACB5M/ZxK4pdjrBG8/s400/connection_type_sketch.png)](https://3.bp.blogspot.com/-GLEOOhldGIk/VpzmpdCTM9I/AAAAAAACB5M/ZxK4pdjrBG8/s1600/connection_type_sketch.png) Давайте разберем скетч для?[Arduino UNO + Ethernet shield](https://github.com/blynkkk/blynk-library/blob/master/examples/GettingStarted/BlynkBlink/BlynkBlink.ino) ``` #define BLYNK_PRINT Serial #include #include #include char auth[] = "YourAuthToken"; void setup() { Serial.begin(9600); // See the connection status in Serial Monitor Blynk.begin(auth); // Here your Arduino connects to the Blynk Cloud. } void loop() { Blynk.run(); // All the Blynk Magic happens here... } ``` ``` Ключ авторизации (Auth Token) В скетче-примере вы можете найти его в следующей строке: ``` ``` char auth[] = "YourAuthToken"; ``` Это ключ который вы отправили себе в письме ранее. Проверьте вашу почту и скопируйте ключ, вставьте его вместо текста YourAuthToken. Должно выглядеть подобно этому: ``` char auth[] = "f45626c103a94983b469637978b0c78a"; ``` Выгрузите скетч в ваше устройство и откройте монитор порта, вы должны увидеть следующее: ``` Blynk v.1.0.3 Your IP is 192.168.0.11 Connecting... Blynk connected! ``` Если это так - мои поздравления - вы все настроили правильно и ваше устройство подключилось к облаку Blynk! **Зажигаем светодиод! (Blynking)** Возвращаемся к установленному мобильному приложению Blynk и нажимаем кнопку для включения и выключения светодиода. [![](https://2.bp.blogspot.com/-B4HH-nvo7FM/VpzrkBaTfeI/AAAAAAACB5c/YJWZidTd-GI/s320/button_pressed.png)](https://2.bp.blogspot.com/-B4HH-nvo7FM/VpzrkBaTfeI/AAAAAAACB5c/YJWZidTd-GI/s1600/button_pressed.png) Посмотрите?[другие примеры скетчей.](https://github.com/blynkkk/blynk-library/tree/master/examples). Будьте свободны в ваших экспериментах, объединяйте разные примеры и создайте свой невероятный проект! Сделав все согласно инструкции - чуда не произошло и с первого раза все не завелось [![](https://1.bp.blogspot.com/-OHhSml1XXz0/Vpz2P0jMfaI/AAAAAAACB5s/bfKEZNbqK1A/s400/%25D0%2597%25D0%25BD%25D1%2596%25D0%25BC%25D0%25BE%25D0%25BA%2B%25D0%25B5%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0%2B2016-01-18%2B16.08.06.png)](https://1.bp.blogspot.com/-OHhSml1XXz0/Vpz2P0jMfaI/AAAAAAACB5s/bfKEZNbqK1A/s1600/%25D0%2597%25D0%25BD%25D1%2596%25D0%25BC%25D0%25BE%25D0%25BA%2B%25D0%25B5%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0%2B2016-01-18%2B16.08.06.png) Почему-то не получает IP-адрес с роутера, будем копать.... Копать пришлось не долго, проблема решилась непосредственным подключением платы ARDUINO к роутеру (до этого подключение шло через промежуточный свич, который скорее всего и создавал проблему). [![](https://1.bp.blogspot.com/-oXpzx0iPsqY/Vpz5i7ygx_I/AAAAAAACB54/xdW0uQvsBhM/s400/%25D0%2597%25D0%25BD%25D1%2596%25D0%25BC%25D0%25BE%25D0%25BA%2B%25D0%25B5%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0%2B2016-01-18%2B16.37.49.png)](https://1.bp.blogspot.com/-oXpzx0iPsqY/Vpz5i7ygx_I/AAAAAAACB54/xdW0uQvsBhM/s1600/%25D0%2597%25D0%25BD%25D1%2596%25D0%25BC%25D0%25BE%25D0%25BA%2B%25D0%25B5%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0%2B2016-01-18%2B16.37.49.png) Подключились! Активность в мобильном приложении вызывает мерцание диодов передачи данных на Ethernet-шилде, значит все работает, новое поле для экспериментов готово! [![](https://3.bp.blogspot.com/-A1NJdTSmAFE/Vpz7oqND0zI/AAAAAAACB6E/_7ulPzrKcdI/s320/2016-01-18%2B16.32.09.jpg)](https://3.bp.blogspot.com/-A1NJdTSmAFE/Vpz7oqND0zI/AAAAAAACB6E/_7ulPzrKcdI/s1600/2016-01-18%2B16.32.09.jpg) --- Source: https://maker.wiznet.io/george/projects/ARDUINO-W5100-ethernet-shield-Blynk/