# Web Push Notificationsのプラグインについて

**URL:** <https://www.nocode-faq.com/t/topic/4336>\
**Category:** 未分類\
**Created:** [2024 年 7 月 22 日午前 6:44 UTC](https://www.nocode-faq.com/t/topic/4336 "2024-07-22T06:44:16Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![corp](https://avatars.discourse-cdn.com/v4/letter/c/ed655f/32.png) [@corp](https://www.nocode-faq.com/u/corp)\
**Post date:** [2024 年 7 月 22 日午前 6:44 UTC](https://www.nocode-faq.com/t/topic/4336/1 "2024-07-22T06:44:16Z")

</div>

Web Push Notificationsというプラグインを使用してプッシュ通知を実装しようとしているのですがプラグインの制作者の下記動画と同じようにしているのですが全く上手くいきませんでした。

動画  
https://www.loom.com/embed/d5a240f94038402a9feca79c6b70e97c?sid=10654ced-61d2-492e-90c5-21eaeff77e0e

このプラグインではまずプッシュ通知をもらうためにユーザーごとにidが付与されるのですが、そのidが付与されなくなってしまったことが今回のエラー内容です。

idが上手く付与されたときのDB下記画像のようなidが付与されます。

 ![スクリーンショット 2024-07-22 152617](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/6/6612e84b6e2815ff224d9dfe58c154d5c0a47483.png)  
上記画像はUserのDBで赤印のところはweb pushというテーブル名でtext型です。

自分が試したワークフローは下記画像の通りで、まず1枚目の画像はボタンを押した際にPushSubscriberA(2枚目画像)のワークフローを実行し、2枚目の画像はCurrent Userのweb pushにidを付与するワークフローを組んでいます。

 ![スクリーンショット 2024-07-22 152337](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e84ccd6e9b83dcd83bd6421c518891e058b7b75d.png)  
 ![スクリーンショット 2024-07-22 152406](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/30f07cfd49e03020d42f7d0c00f2e4578a6332cf.png)

一応SEO設定を見せると下記画像のように設定しています。

 ![スクリーンショット 2024-07-22 151910](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/44b6a5a6f12348e9a283ede262000af5a75353ef.png)  
 ![スクリーンショット 2024-07-22 151925](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/0b983c2d6c6957c825afdc750f2ff9a60a60f3fe.png)

またコンソールのほうを見てみると下記画像のようなエラーが出ています。正直なところ下記エラーは何を意味しているのかはわかっておりません。

 ![スクリーンショット 2024-07-22 151504](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/2f52bc3e0f04e47c56ee137a7d5e3720add65b28.png)

ここで質問させていただきます。  
なぜ動画の通りに実装したのにidが付与されないのか。また実装方法が違うのであれば指摘をお願いします。それと最後の画像のエラーに関しては何のエラーかをご教授いただきたいです！

---

<div class="post-metadata">

**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\
**Post date:** [2024 年 7 月 22 日午後 11:20 UTC](https://www.nocode-faq.com/t/topic/4336/2 "2024-07-22T23:20:47Z")

</div>

こちらの有料のプラグインでしょうか？

> **[Templates for Bubble](https://bubble.io/plugin/web-push-notifications-1676817858075x688660420528963600)**
>
> Buy and sell Bubble templates to speed up app development. Bubble is a visual programing language that lets you build apps without code.

レビューによると、だいぶ前から動作しなくなっているようです。

コンソールに出力されているのは、このプラグインで内部的に使っている（と思われる）「OneSignal」というサービスが使用できない（IDが間違っている）という内容です。

エラー画面を付けて作者に問い合わせるか、別なOneSignalのプラグインを探すしかないかと思います。

---

<div class="post-metadata">

**Author:** ![corp](https://avatars.discourse-cdn.com/v4/letter/c/ed655f/32.png) [@corp](https://www.nocode-faq.com/u/corp)\
**Post date:** [2024 年 7 月 23 日午前 4:09 UTC](https://www.nocode-faq.com/t/topic/4336/3 "2024-07-23T04:09:27Z")

</div>

返信いただきありがとうございます。

このプラグインに関して自分も以前(半年前ほど)は使えてましたが最近のレビューを見ると使えていないというレビューが多いようですね。アップデートされて使えなくなったかもしれません笑

このプラグインでなくてもいいので別の方法でWeb Push通知機能を実装するもしくはWeb Push機能を実装したことがあればご教授いただきたいです！

---

<div class="post-metadata">

**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\
**Post date:** [2024 年 7 月 24 日午前 12:42 UTC](https://www.nocode-faq.com/t/topic/4336/4 "2024-07-24T00:42:24Z")

</div>

私は他のプラグインは試していないのですが、  
どなたか上記をご存知の方はいらっしゃいませんか？

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2024 年 7 月 25 日午前 6:33 UTC](https://www.nocode-faq.com/t/topic/4336/5 "2024-07-25T06:33:40Z")

</div>

Onesignalの公式プラグイン自体が、ちょいちょい、エラーでてるみたいですね。

WebPush自体の必要性が、構築の難易度に比べてあまり必要だと思ってない派なのですが、

直接OnesignalとSDKなどで接続するのを検討した方が早いかもしれません。

> **[Developers](https://documentation.onesignal.com/docs/developers)**
>
> Explore our extensive SDK and API reference material.

---

<div class="post-metadata">

**Author:** ![corp](https://avatars.discourse-cdn.com/v4/letter/c/ed655f/32.png) [@corp](https://www.nocode-faq.com/u/corp)\
**Post date:** [2024 年 7 月 25 日午前 7:12 UTC](https://www.nocode-faq.com/t/topic/4336/6 "2024-07-25T07:12:31Z")

</div>

返答ありがとうございます！

一応自分でも直接One Signalとの連携をできないかと試しているところです。

今のところ順調ですが、何か困った際にはまた相談させていただきます。

ご教授ありがとうございました！
