adrianromero / myhelloiot Goto Github PK

View Code? Open in Web Editor NEW

33.0 10.0 6.0 15.6 MB

MYHELLOIOT is a MQTT dashboard and client application

Home Page: https://adrianromero.github.io/myhelloiot/

License: GNU General Public License v3.0

JavaScript 0.16% HTML 0.22% TypeScript 88.31% CSS 11.31%

mqtt pwa-app dashboard-application home-automation iot

myhelloiot's Introduction

MYHELLOIOT

MYHELLOIOT is a MQTT dashboard application inspired in my other MQTT project HelloIoT You can use MYHELLOIOT as a MQTT client application to publish and subscribe to topics or you can use MYHELLOIOT as a client platform to create your own dashboard. MYHELLOIOT is a PWA application and it can run on your favorite browser or installed on Windows, MacOS, Linux, and even in mobile devices iOS or Android.

Getting started

Execute and install MYHELLOIOT

To execute MYHELLOIOT just open your browser and go to MYHELLOIOT. And if you want to install it, in the browser menu select Install application.

Install a MQTT Broker

To run MYHELLOIOT you need to install a MQTT broker or you can use a public MQTT broker. Public MQTT brokers can be good for testing or prototyping purposes. There is a list of MQTT brokers in the MQTT Community Wiki, you can choose the broker that better fits your needs. The broker must support WebSockets/SSL.

For example MYHELLOIOT has been verified to work with the public brokers by EMQX and Mosquitto

If you prefer to install it there are several options available like Mosquitto HiveMQ, EMQTT, Moquette and more...

Execute MYHELLOIOT from sources

If you prefer to run MYHELLOIOT from sources clone the repository and start. You will need and node and yarn installed first.

git clone https://github.com/adrianromero/myhelloiot
cd ./myhelloiot
yarn install
yarn start

Other MQTT tools

In the MQTT Community Wiki, you can find a list of client applications and tools.

Acknowledges

Creative Commons 0 Licensed sound effects obtained from https://freesound.org/

License

MYHELLOIOT is licensed under the GNU General Public License, Version 3, 29 June 2007.

myhelloiot's People

Contributors

Stargazers

Watchers

Forkers

sushantr5 ksonone msanaullahsahar yhchiu moayyaed mhaberler

myhelloiot's Issues

Chart for dashboard

Hi,
Thank you for your great work on developing a dashboard for mqtt communication. I want to view data in time series so I wonder how can I add a chart in this dashboard?

Thanks,
LqDung

screen wake lock

Hello Adrián,

that is an awesome project and I think we'll use it as UI vehicle in our hot air balloon sensorics project

I did a flight recently with myhelloiot displaying tanks, envelope temperature, vertical speed etc and it worked perfectly

I used a Samsung Galaxy S10 with Chrome and the only negative effect was the screen wake lock

would you agree https://www.npmjs.com/package/react-screen-wake-lock is the way to deal with that?

I'd give it a stab, but currently React beginner so will take some time

best regards

Michael

ps: browsing the source I found a lot of UI components - is using the antd documentation the right way to use those?

yarn start?

Hi, I receive an error when attempting to start. Thanks!

~/myhelloiot $ yarn start
00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'start'

How to modify valueformat

Hi,
thank you for providing us with this interesting project, I am trying to customize a bit the "light" template, how can i declare as unit "watt" for electric power and for another switch control I need different values as ON-OFF, I have for example "up" and "down". Where or how can set it in template?

    <Card title="Shelly Plug Power [Watt]">
      <ViewUnit
        subtopic="shellies/shellyplug/relay/0/power"
        format={ControlIconFormat(
          {
            title: "Power",
            min: 0,
            max: 2000,
            step: 1,
            labelstep: 1,
            valueformat: {
              style: "unit",
              unit: "celsius",
            },
          }
        )}
      />
    </Card>

Best regards,
Nic

Where is the installation pages ?

To execute MYHELLOIOT just open your browser and go to MYHELLOIOT. And if you want to install it, in the browser menu select Install application.

I did not find the installation pages in the link.

How to connect to non ssl mqtt broker? ( ws://free.mqtt.iyoti.id )

Hi Mr. Adrianromero

Thanks for the app, i have install https://adrianromero.github.io/myhelloiot to google chrome.

But when i want to use it with ws://free.mqtt.iyoti.id
But i got error "failed to construct 'WebSocket': An insecure Websocket connection may not be initiated from a page loader over HTTPS."

I have try to open the web page without https ( http://adrianromero.github.io/myhelloiot ) but its still go to https.

Best Regrads,
Teguh

Support JSON data

Can you add JSON support?
Thank You