Скрыть объявление
Управляйте вашими ESP8266 и другими устройствами прямо с телефона из любой точки мира, где есть интернет!
Подробности и обсуждение IoT Manager в этой теме. Официальный сайт приложения и документация IoTmanager.ru
Скрыть объявление
На нашем форуме недоступен просмотр изображений для неавторизованных пользователей. Если Вы уже зарегистрированы на нашем форуме, то можете войти. Если у Вас еще нет аккаунта, мы будем рады, если Вы к нам присоединитесь. Зарегистрироваться Вы можете здесь.

IoT Manager iOS не подключается к брокеру

Тема в разделе "IoT Manager – мобильное приложение", создана пользователем rapidshe, 26 мар 2017.

  1. rapidshe

    rapidshe Новичок

    Сообщения:
    34
    Симпатии:
    3
    Все доброго времени суток!

    Судя по картинкам единственное нормальное приложение под iOS но не подключается к брокеру, в отличие от остальных, беспонтовых, mqtt приложений...
    ифон 7, ios 10.2.1
    в чем может быть проблема?
     
  2. rapidshe

    rapidshe Новичок

    Сообщения:
    34
    Симпатии:
    3
    лог прикладываю
     

    Вложения:

    • лог.txt
      Размер файла:
      11,3 КБ
      Просмотров:
      9
  3. Victor

    Victor Administrator Команда форума

    Сообщения:
    2.188
    Симпатии:
    368
    у вас в настройках подключения SSL выключен, а cloudmqtt умеет WebSockets только с SSL.
    Trying connect to ws://m13.cloudmqtt.com:17857/, use SSL/TLS: NO
     
    rapidshe нравится это.
  4. rapidshe

    rapidshe Новичок

    Сообщения:
    34
    Симпатии:
    3
    я на самом деле пробовал по всякому. c вкл/выкл SSL/TLS, все 3 порта предлагаемые cloudmqtt
    в моем случае это были 17857, 27857, 37857
     

    Вложения:

    • лог.txt
      Размер файла:
      7,5 КБ
      Просмотров:
      4
  5. rapidshe

    rapidshe Новичок

    Сообщения:
    34
    Симпатии:
    3
    ПС: не подскажите веб сайтик, что б через браузер можно было удобно управлять устройством?
     
  6. Victor

    Victor Administrator Команда форума

    Сообщения:
    2.188
    Симпатии:
    368
    по-всякому бессмысленно, пробуйте 37857 с SSL, движок paho или mqtt (если из iOS приложения).
    Также важно правильно указать имя пользователя и пароль, выставить пользователю права.
    Как настроить аккаунт cloudmqtt описано в этой статье IoT Manager - мобильное приложение для DIY устройств – esp8266
    Дополнительно:
    1. можно попробовать убивать приложение после новых настроек и запускать заново с чистого листа.
    2. можно перезагрузить сервер MQTT (ищите reload в панели управления)
    3. проверьте, что ваш интернет провайдер разрешает прямые исходящие подключения (могут быть проблемы, если ваш трафик гоняют через прокси)
    4. Между экспериментами делайте паузу не менее минуты (Cloudmqtt блокирует на некоторое время по IP адресу возможность подключения при большом количестве безуспешных коннектов)
    5. Приложение тестировалось на iOS 9, и, если у вас более ранняя версия, попробуйте на другом устройстве.

    Удачи!
     
    rapidshe нравится это.
  7. rapidshe

    rapidshe Новичок

    Сообщения:
    34
    Симпатии:
    3
    Рестартнул брокера, убил приложение, выставил Paho, порт 37857 и SSL.
    Ура, подключился.

    Не совсем понял по виджетам.... Чтоб появились виджеты нужно использовать ваш скетч с гикхаба как базовый?
     
    Victor нравится это.
  8. Victor

    Victor Administrator Команда форума

    Сообщения:
    2.188
    Симпатии:
    368
    да, практически любой (не уверен что все скетчи будут работать беузкоризненно - некоторые довольно из них довольно старые уже)
    обратите внимание на используемые библиотеки - в шапке каждого скетча есть ссылки
     
    rapidshe нравится это.
  9. rapidshe

    rapidshe Новичок

    Сообщения:
    34
    Симпатии:
    3
    А вшивание виджетов в скетч это необходимость? или просто ваша задумка?

    Например на андройде приложение MQTT Dashboard получилось быстро подогнать под своё устройство, а тут придется вносить коррективы в скетч... была бы бОльшая универсальность, если из приложения создавались виджеты для топиков
     
  10. Victor

    Victor Administrator Команда форума

    Сообщения:
    2.188
    Симпатии:
    368
    для этого есть blynk и куча других.
    Основная фича IoT Manager - это очень гибкая настройка виджетов с помощью HTML5+CSS. Опций столько, что я сам иногда подглядываю в свою документацию. Плата за высокий уровень кастомизации - высокий порог входа
     
  11. rapidshe

    rapidshe Новичок

    Сообщения:
    34
    Симпатии:
    3
    толи я тупой, толи blynk пошел по вашему пути(Getting Started)...
    если не сложно, подскажите приложульку что б не нужно было в скетч вносить изменеия....
    из апп стора все программы перепробовал по запросам esp8266, Iot, MQTT....
     
  12. Victor

    Victor Administrator Команда форума

    Сообщения:
    2.188
    Симпатии:
    368
    У блинка только подключаете их библиотеку в скетче, а виджеты конфигурите уже в телефоне (MQTT можно вообще не использовать)
    Визуализировать MQTT данные из топиков можно (не внося изменений в ваш код на девайсе) только это будет слишком уныло, т.к. непонятно как оформлять данные, нельзя определить факт того, что устройство отключилось и т.д.
     
  13. rapidshe

    rapidshe Новичок

    Сообщения:
    34
    Симпатии:
    3
  14. Victor

    Victor Administrator Команда форума

    Сообщения:
    2.188
    Симпатии:
    368
    да что-то они там поменяли в WebMoney, а я так и не перенастроил.
    Оффтоп:
    Можете поддержать проект, если есть такое желание (средства пойдут на оплату VDS для сайта esp8266.ru)
    Z352838731074 или R128535659463
     
  15. rapidshe

    rapidshe Новичок

    Сообщения:
    34
    Симпатии:
    3
    а это ваша страничка? Поддержать проект · IoT Manager

    и не подскажите название виджета выпадающего списка из которого вибирается 3 значения? (типо on/off/auto)
    или может где есть полный список виджетов? или тут Виджеты · IoT Manager указаны все?
     
  16. Victor

    Victor Administrator Команда форума

    Сообщения:
    2.188
    Симпатии:
    368
    да, забыл про нее :)
    1. нет такого виджета пока нет
    2. да там все.
     
  17. rapidshe

    rapidshe Новичок

    Сообщения:
    34
    Симпатии:
    3
    ммм есть виджет range.
    отображается в приложении со значком проценты.
    а как убрать проценты и вообще задать пределы изменения?)

    Код (Text):
    1. id    [2] = "2";
    2.   page  [2] = "Kitchen";
    3.   descr [2] = "Dimmer";
    4.   widget[2] = "range";
    5.   pin[2] = 0;                                              // GPIO0 - range
    6.   defaultVal[2] = 1023;                                    // defaultVal status 0%, inverted
    7.   inverted[1] = true;
    8.   sTopic[2]   = prefix + "/" + deviceID + "/dim-light";
    9.   style[2]   = "\"style\":\"range-calm\"";                
    10.   badge[2]   = "\"badge\":\"badge-assertive\"";
    11.  
    12. thing_config[2] = "{\"id\":\"" + id[2] + "\",\"page\":\"" + page[2]+"\",\"descr\":\"" + descr[2] + "\",\"widget\":\"" + widget[2] + "\",\"topic\":\"" + sTopic[2] + "\"," + style[2] + "," + badge[2] + ",\"leftIcon\":\"ion-ios-rainy-outline\",\"rightIcon\":\"ion-ios-rainy\"}"; //
    13.  
     
  18. Victor

    Victor Administrator Команда форума

    Сообщения:
    2.188
    Симпатии:
    368
    это один из первых виджетов, ожидает глубокого рефакторинга :)
    Посмотрел - проценты пока убрать нельзя.
    Вот его код (это PUG, можете конвертнуть в HTML)
    HTML:
    1.   div.no-padding.text-center(ng-if="item.widget == 'range'")
    2.     div.no-padding
    3.       div(style='{{item.style}}') {{item.descr}}
    4.       span.badge {{item.status/10.23 | number:0}}%
    5.     div.item.range.no-border
    6.       i.icon
    7.       input(type='range', name='{{item.descr}}', ng-model='item.control', min='0', max='1023', value='0', ng-change='doRange2(item)', on-release='doRange(item)')
    8.       i.icon
     
    rapidshe нравится это.
  19. rapidshe

    rapidshe Новичок

    Сообщения:
    34
    Симпатии:
    3
    т.е. можно отправить прямиком html код и оно отобразиться?
    пробовал отправить
    Код (Text):
    1.     <ion-item>
    2.       <ion-range min="1000" max="2000" step="100" snaps="true" [(ngModel)]="warmth" color="danger">
    3.         <ion-icon range-left small color="danger" name="thermometer"></ion-icon>
    4.         <ion-icon range-right color="danger" name="thermometer"></ion-icon>
    5.       </ion-range>
    6.     </ion-item>
    (кусок дернул отсюда ionic-preview-app/template.html at master · driftyco/ionic-preview-app · GitHub)
    (а попал туда отсюда Ionic Framework)
    в виде
    Код (Text):
    1. client.publish(prefix + "/" + deviceID + "/config","<item><range dualKnobs=\"true\" pin=\"true\" [(ngModel)]=\"structure\" color=\"dark\"><icon range-left small name=\"brush\"></icon><icon range-right name=\"brush\"></icon></range></item>");
    2.      
    и в виде
    Код (Text):
    1. client.publish(prefix + "/" + deviceID + "/config","<ion-item><ion-range min=\"1000\" max=\"2000\" step=\"100\" snaps=\"true\" [(ngModel)]=\"warmth\" color=\"danger\"><ion-icon range-left small color=\"danger\" name=\"thermometer\"></ion-icon><ion-icon range-right color=\"danger\" name=\"thermometer\"></ion-icon></ion-range></ion-item>");
    2.      
    приложение не отреагировало.

    это вообще как то возможно преобразовать, что бы отображалось в приложении? или какую вообще можно использовать конструкцию для передачи значений. надо как то устанавливать температуру... моск перегреется скоро :(
     
  20. Victor

    Victor Administrator Команда форума

    Сообщения:
    2.188
    Симпатии:
    368
    нет, это невозможно (в т.ч. в целях безопасности), все данные проходят через sanitize.
    Я вам привел код в приложении, чтобы было понятно какие параметры на какие div влияют.
     

Поделиться этой страницей