Blynk web-client

@avin
I’m build on my local server it’s running and logged in to my device but the button not working when I’m pressed

Capkture

also the button is not working from: http://blynk-client.surge.sh/

@scropion86 TABs are implemented now, check this out!
@ErfanDL - buttons logic has beed fixed, it should works fine now

1 Like

now it looks fine , but Buttons not changing STATES correctly , Blynk app status not reflect to the WEB UI and also the Opposite

i assumed because of Geo Location and Server IP i got the server that my APP is connected to and added that to your WEB UI and still not working

also the notification widget apearing as below

image

Note >>
My project has 6 separate tokens , you WEB UI is importing the entire project based on API http://blynk-cloud.com/auth_token/project
but only the token which entered in WEB UI connection details will only reflect and work fine

i think you need to allow for entering multiple Token for project such mine :grinning:

but i don’t know how to set the Token based on the Device ID mostly Blynk App is Get the Token by query it against the Device ID from Database

here is my setup

 "devices": [
{
  "id": 0,
  "name": "hall 1",
  "boardType": "ESP8266",
  "vendor": "hall 1",
  "connectionType": "WI_FI",
  "isUserIcon": false
},
{
  "id": 16707,
  "name": "hall 2",
  "boardType": "ESP8266",
  "vendor": "hall 2",
  "connectionType": "WI_FI",
  "isUserIcon": false
},
{
  "id": 84239,
  "name": "living ",
  "boardType": "ESP8266",
  "vendor": "living ",
  "connectionType": "WI_FI",
  "isUserIcon": false
},
{
  "id": 63795,
  "name": "bed",
  "boardType": "ESP8266",
  "vendor": "bed",
  "connectionType": "WI_FI",
  "isUserIcon": false
},
{
  "id": 26617,
  "name": "kids",
  "boardType": "ESP8266",
  "vendor": "kids",
  "connectionType": "WI_FI",
  "isUserIcon": false
},
{
  "id": 92188,
  "name": "touch",
  "boardType": "ESP8266",
  "vendor": "touch",
  "connectionType": "WI_FI",
  "isUserIcon": false
}

],

Thank you for reply, I should dig in more deeply :thinking:

Yo! I have just added ability to use multi-tokens projects with this client - just paste all tokens of your project and it should works fine.

Here is an example of using some tokens (keep tokens order, it should be like mobile client gave them to you)

image

Link is the same http://blynk-client.surge.sh

1 Like

Thanks its nice. But the push button not working

I moved your post back here… keeps it relevant to the need :wink: and follows forum practice of one topic per user/theme.

Unfortunately I don’t have any answers… perhaps the Developers might, but they are busy on their own updates :stuck_out_tongue_winking_eye:

Perhaps just limiting your sync_hw to every second?? Better than nothing and rarely does one need a much faster data refresh.

1 Like

Hey all… this project is getting better and better… nice work @avin

6 Likes

Looking forward to scaled Display Widget fonts (auto scaled to widget size layout would be perfect :innocent: )

1 Like

gunner, is push button working for you ?

Yes, I have been working on issues with the OP in the GitHub page.

1 Like

Can’t wait to see a build available. I am not that confident to make one myself :frowning:
Thank you for your work.

Hey, @mugur! You can grab it here https://github.com/avin/blynk-web-client/archive/gh-pages.zip - it contains files ready to host on your own web-server.

1 Like

Awesome start!! Got it running on the same Pi Zero W that is running the local Blynk install. Some icon aren’t showing (yet) which i’m sure you are working on :slight_smile:

The blank ones are the email icon and the phone notification icon. The LED box is big since i have it scaled larger on the Blynk project on my phone.

Is there a way to make the aspect ratio of the dashboard wide? i mean instead of mimicking the phone layout, can the web dashboard layout be arranged to be horizontal compared to the phones vertical layout?

Again, awesome work!!! This is the biggest piece missing from Blynk in my opinion.

1 Like

@avin
do you have plans to integrade also LCD widget? Currently seems unsupported…
Keep your fine work!
Thanks

@avin good job ! :cowboy_hat_face:
numeric input and image widget not supported for now

You essentially have two (or more) devices sharing the same Blynk auth token. You have the physical device (e.g., ESP8266 nodeMCU) and a “virtual device” corresponding to each instance of the web client. Beware … the Blynk project / app depicts a physical device as online if: the physical device is connected; or one or more of the virtual devices (web clients) is connected. Your physical device may appear to be connected when, in fact, it’s not.

I tested the web client with an auth token assigned through dynamic provisioning. As expected, the web client can’t differentiate statically- and dynamically-provisioned auth tokens. The web client works fine.

I have a Labeled Value widget with a Refresh Interval of one second. At times, the BLYNK_READ corresponding to the virtual pin assigned to the widget is no longer invoked (on the physical device) once the web client connects. Once the web client disconnects, the BLYNK_READ automatically resumes. I assume the BLYNK_READ is being redirected to the web client (and into the bit bucket). At times, the physical device and web client can co-exist with the BLYNK_READ being invoked on the physical device. This seems to relate to the state of the Blynk project / app at the time the web client connects. In one state, the BLYNK_READ continues with respect to the physical device. In the other state, the BLYNK_READ is redirected to the virtual device (web client). Just an uneducated guess on my part.

In addition to the Number Input and Image widgets (and likely others), the Text Input and Device Tiles widgets are not yet supported. Avin is maintaining the list of supported widgets on GitHub.

Is there any way the web client could dynamically discover the devices / auth tokens associated with a user’s account or Blynk project / app?

This is an outstanding effort on Avin’s part and offers tremendous potential.

Joe

Has anyone successfully connected to the web client,

http://blynk-client.surge.sh

from an iPhone / Safari?

Joe

I just get a black screen when I try from Safari on my iPad.
Works fine using Chrome on the PC though.

Pete.