# \[ANNOUNCE\] node-red-contrib-ui-web-push: beta version

**URL:** <https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553>\
**Category:** Share Your Nodes\
**Created:** [9 April 2020 21:46 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553 "2020-04-09T21:46:15Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [13 April 2020 10:49 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/42 "2020-04-13T10:49:38Z")

</div>

> [@dceejay](#):
>
> ...or does this web push rely on the rest of his node for some functionality it brings ?

We would need to install `node-red-contrib-ui-web-push` to receive messages, and `node-red-contrib-web-push` to send messages. 2 separate nodes from 2 different authors, so that's the issue that (still) concerns me.

> [@Paul-Reed](#):
>
> Maybe we have come to expect that a single node installation would fulfill both sending and receiving messages, like the email node;  
> ![emailex](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/9/49c5c2507b8ec743cb01ba845efd2bd0b18ee1d7.jpeg)  
> or MQTT node;
> 
> ![mqtt](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/3/5300177c8dc6cf6ad49c960630e49512e9b34a0a.jpeg)
> 
> ...without installing 2 node packages, one for sending, and another for receiving, especially when they are maintained by different authors.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [13 April 2020 10:50 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/43 "2020-04-13T10:50:34Z")

</div>

not if one required the other (via it's package.json)

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [13 April 2020 10:56 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/44 "2020-04-13T10:56:42Z")

</div>

That's a good idea 👍

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [13 April 2020 11:03 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/45 "2020-04-13T11:03:43Z")

</div>

> [@BartButenaers](#):
>
> Thought that this might perhaps mess up the whole manage palette setup...

If this is no issue, then I go for this idea from our friend @dceejay...

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [13 April 2020 12:28 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/46 "2020-04-13T12:28:22Z")

</div>

By all means. Try it first 🙂

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [13 April 2020 21:19 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/47 "2020-04-13T21:19:15Z")

</div>

- I have added Maxim's node as a dependency to my node's package.json file:

- Then indeed both node's are nicely installed in the Node-RED node\_modules directory:

- And the Manage Palette option shows nicely both nodes:

- And both nodes still know the VAPID configuration node.

So I will implement it this way. Thanks Dave for your advice!!!!!

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [13 April 2020 21:27 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/48 "2020-04-13T21:27:26Z")

</div>

you may want to use "~0.0.2" which will allow you to pick up bug fix updates to his node without having to republish.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [13 April 2020 21:39 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/49 "2020-04-13T21:39:12Z")

</div>

> [@BartButenaers](#):
>
> I have added Maxim's node as a dependency to my node's package.json file

Have you added your node as a dependency in Maxim's?  
Would doing so ensure that any future changes to Maxim's node would also have to respect your node.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [13 April 2020 21:42 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/50 "2020-04-13T21:42:41Z")

</div>

I didn't think we wanted to do that - as Maxim's node doesn't "require" Barts to be present and functions without it.

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [13 April 2020 21:43 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/51 "2020-04-13T21:43:22Z")

</div>

> [@Paul-Reed](#):
>
> Have you added your node as a dependency in Maxim's?

Hey Paul,  
no it is the other way around. Currently Maxim already has a lot of users, who don't need my node.  
But I really need his node, so I have added his node as a dependency to my node.  
I have updated the description on the readme page:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/e/9ecbb2daff7734c1baad45ca78f329bc886099b6.png)

> [@Paul-Reed](#):
>
> Would doing so ensure that any future changes to Maxim's node would also have to respect your node.

We have agreed that we will give each other a call when something "shared" changes...

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [13 April 2020 21:44 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/52 "2020-04-13T21:44:38Z")

</div>

As long as he uses semantic versioning correctly - then you won't break when he updates things. (as you will keep using the old version until you get time or need to migrate)

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [13 April 2020 22:09 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/53 "2020-04-13T22:09:59Z")

</div>

I have added to the readme page extra information, based on the questions and answers we had so far in this discussion. So no open topics at the moment, but perhaps nobody has tried it yet (or quitted after trying) ...

---

<div class="post-metadata">

**Author:** ![Mannshoch](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/mannshoch/32/19477_2.png) [@Mannshoch](https://discourse.nodered.org/u/Mannshoch)\
**Post date:** [14 April 2020 07:31 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/54 "2020-04-14T07:31:00Z")

</div>

Does someone know if it's possible to use [KDE Connect](https://community.kde.org/KDEConnect#What_is_KDE_Connect.3F) for sharing data with a Mobil phone?

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [14 April 2020 07:49 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/55 "2020-04-14T07:49:18Z")

</div>

@Mannshoch Off-topic, please start a new thread with your question.

---

<div class="post-metadata">

**Author:** ![mbot](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/mbot/32/20140_2.png) [@mbot](https://discourse.nodered.org/u/mbot)\
**Post date:** [15 April 2020 11:16 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/56 "2020-04-15T11:16:28Z")

</div>

Hello Bart,  
This feature sounds great! For the research project 5G-XCAST I build a multimedia alert message notification system using Node-red and for delivering the notifications I used the Google Firebase Cloud Messaging. The messages were small, the multimedia used a side channel.

I like to see if I can update my experimental system to use your code and see what can be achieved and how it relates in pro's and con's versus using an external system like Google FCM or Telegram (or amazon SNS).

Best Regards,  
Menno

---

<div class="post-metadata">

**Author:** ![Jean-Luc](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jean-luc/32/89996_2.png) [@Jean-Luc](https://discourse.nodered.org/u/Jean-Luc)\
**Post date:** [15 April 2020 12:18 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/57 "2020-04-15T12:18:42Z")

</div>

Great,  
it worked the first time.  
The hardest part was to set up a VM Test with certificates to do SSL / HTTPS.

I've been using Telegram for a while with satisfaction and I'm going to test this way.  
I still have to make my perso URL accessible from outside and test it from my Android phone. To be continued.

Bart, Good work anyway !

 ![1er-essai-web-push-node-red-web-ui](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/9/f9f69141f402de8633b582a4ded48041dd431a02.jpeg)

---

<div class="post-metadata">

**Author:** ![Jean-Luc](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jean-luc/32/89996_2.png) [@Jean-Luc](https://discourse.nodered.org/u/Jean-Luc)\
**Post date:** [15 April 2020 16:13 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/58 "2020-04-15T16:13:31Z")

</div>

So I just tested from 4G (not on Wifi) on Firefox and it works. Even if I close all applications. The PopUp happens well

![photo_2020-04-15_18-00-58](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/7/57d1faa47cd188a2aacc58677b030015d263acc6.jpeg)

![photo_2020-04-15_18-00-59 (2)](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/4/b44e2c3ddff84f1de841f3caac5d27827ecfa2a7.jpeg)

 ![photo_2020-04-15_18-00-59](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/9/892f61a9b811ae97855f83f603e896e661d2b757.jpeg)

 ![photo_2020-04-15_18-01-47](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/2/82c61f4e9dbcd95230b91d40c96ef400f2d66a8b.jpeg)

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [15 April 2020 19:34 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/59 "2020-04-15T19:34:18Z")

</div>

> [@Jean-Luc](#):
>
> So I just tested from 4G (not on Wifi) on Firefox and it works. Even if I close all applications.

Hi @Jean-Luc,  
Very kind of you to let me know that it works in your case!

> [@Jean-Luc](#):
>
> The hardest part was to set up a VM Test with certificates to do SSL / HTTPS.

Yes indeed. It is good that Chrome secures everything, but that makes it more difficult to setup everything. Of course it is not bad that you have now secured your entire Node-RED setup better, but it might be an issue for less technical skilled users ☹

I'm trying to simplify the integration of LetsEncrypt certificates and automatic certificate renewal in Node-RED, but that is unfortunately not completed yet ...

> [@mbot](#):
>
> I like to see if I can update my experimental system to use your code and see what can be achieved and how it relates in pro's and con's versus using an external system like Google FCM or Telegram (or amazon SNS).

Hi Menno,  
If you have some comparisons, please let me know. Perhaps I cannot solve any of the weaknesses of my setup, but then at least we can inform the users about the (dis)advantages...

---

<div class="post-metadata">

**Author:** ![SuperNinja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/superninja/32/5761_2.png) [@SuperNinja](https://discourse.nodered.org/u/SuperNinja)\
**Post date:** [15 April 2020 19:40 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/60 "2020-04-15T19:40:54Z")

</div>

I was going to ask the question, but I think the answer is given: web push only works in the same Wifi network? In 4G , outside the house, on my smartphone, I will no longer receive the notifications?

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [15 April 2020 19:58 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553/61 "2020-04-15T19:58:57Z")

</div>

> [@SuperNinja](#):
>
> In 4G , outside the house, on my smartphone, I will no longer receive the notifications?

Hi Chris,  
When your dashboard is available via 4G and secured with https and a trusted certificate, then it should work... Which is what Jean-Luc has confirmed.

[Previous page](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553.md?page=2)

[Next page](https://discourse.nodered.org/t/announce-node-red-contrib-ui-web-push-beta-version/24553.md?page=4)