# webプッシュ通知について-Onesignalが使えないようなので代替え手段

**URL:** <https://www.nocode-faq.com/t/topic/3940>\
**Category:** bubble\
**Created:** [2023 年 9 月 19 日午前 11:35 UTC](https://www.nocode-faq.com/t/topic/3940 "2023-09-19T11:35:40Z")\
**Posts on this page:** 9\
**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:** [2023 年 9 月 19 日午前 11:35 UTC](https://www.nocode-faq.com/t/topic/3940/1 "2023-09-19T11:35:41Z")

</div>

webプッシュ通知の実装をしたいと思うのですが、どのようにすればwebプッシュ通知の実装ができるかをご教授していただけると幸いです。

前提として  
①自分で調べたところOnesignalというツールが使えると思っていましたが、Bubble側に問い合わせたところ、Onesignalはすでに使えなくなってしまったこと。  
②ネイティブ化せず、webプッシュを実装したいこと。

上記2点を踏まえて教えていただけると幸いです。

---

<div class="post-metadata">

**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\
**Post date:** [2023 年 9 月 21 日午前 6:43 UTC](https://www.nocode-faq.com/t/topic/3940/2 "2023-09-21T06:43:01Z")

</div>

Webプッシュできました。  
PWA化したアプリでも通知確認できています。  
[https://koroncoron.com/posts/Bubble08](https://koroncoron.com/posts/Bubble08)

---

<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:** [2023 年 9 月 25 日午後 12:24 UTC](https://www.nocode-faq.com/t/topic/3940/3 "2023-09-25T12:24:34Z")

</div>

検証してみたのですがwebプッシュ通知が上手くいきませんでした。

原因があまりわからないのですが、Push Subscriptionというデータベースに毎回ユーザーとPayloadのデータが上手く入りません。(下記画像)

 ![スクリーンショット 2023-09-25 211955](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/dc6d992af66652a13c467ac41a3e3dd8d6480d48.png)

ワークフローも下記画像のように設定しています。

 ![スクリーンショット 2023-09-25 210936](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/a31350e25d339f075e0a371fc57b80145785abd8.png)  
 ![スクリーンショット 2023-09-25 210955](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/521eda93a8e31e14103d87936dd9b759b0ab8c6c.png)  
 ![スクリーンショット 2023-09-25 211011](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/44dca2c2f66bcb6ea395331cc60e85bbf1229d9a.png)  
 ![スクリーンショット 2023-09-25 211033](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d51c966e83f92a905ec7697e6c6486f3efeb85ac.png)

何かご指摘があればご教授お願いします！

---

<div class="post-metadata">

**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\
**Post date:** [2023 年 9 月 25 日午後 9:22 UTC](https://www.nocode-faq.com/t/topic/3940/4 "2023-09-25T21:22:11Z")

</div>

ブラウザ側の通知制御は許可されていますか？  
もしO Nになっていても、一度OFFにしてからONに戻して試してみてください。

追記：あとはURL Parameterが飛んでいるのかなど、どこのworkflowで止まっているのか追記いただけると解決が早くなると思います。

---

<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:** [2023 年 9 月 26 日午前 11:51 UTC](https://www.nocode-faq.com/t/topic/3940/5 "2023-09-26T11:51:10Z")

</div>

ブラウザ側の通知制御は許可していて、自分で作ったものとプラグインにあるデモで検証した違いとしては自分では通知を許可するためのToggleを押したときのワークフローは下記画像のようになっており

 ![スクリーンショット 2023-09-26 204539](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/164bcfdacc9cb6680542675867b92b87c414cbfc.png)

プラグインにあるデモ検証では上記画像のワークフローのあとに下記画像のようなワークフローが組み込まれていました。

 ![スクリーンショット 2023-09-26 204702](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/ed6bd0f534f09a067565f5b8d614cb0483519beb.png)

これが関係あるのかなと思い送らせていただいたのですが、何か解決方法はありますでしょうか？

ご教授お願いします！

---

<div class="post-metadata">

**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\
**Post date:** [2023 年 9 月 27 日午後 8:41 UTC](https://www.nocode-faq.com/t/topic/3940/6 "2023-09-27T20:41:08Z")

</div>

URL parameterは飛んでいますか？

 ![スクリーンショット 2023-09-28 5.39.07](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/3be5b573fb6f2ee0f6d43a7c23461e402dfcce60.png)

また、デモページでは組み込まれているのではなく、次のeventに移っているだけです。  
ワークフローは全部で3つ必要で、どのワークフローがおかしいのか調査をしてください。  
１.Subscribe PushSubscriber に正しいPublic Keyが設定されていること  
２.同一ページにparameterが送信されていること  
３.Send Push Notificationに設定しているPublic KeyとPrivate Keygが正しいこと

以上全てが正しく設定していて且つ表示されないのであれば、Plugin作成者に問い合わせるのが早いと思います。

---

<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:** [2023 年 9 月 28 日午前 5:40 UTC](https://www.nocode-faq.com/t/topic/3940/7 "2023-09-28T05:40:45Z")

</div>

ご教授していただきありがとうございます！

以上の3つを試してみてできなければPluginの作成者に問い合わせてみます！

---

<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:** [2023 年 9 月 29 日午前 3:04 UTC](https://www.nocode-faq.com/t/topic/3940/8 "2023-09-29T03:04:12Z")

</div>

URL parameterは飛んでいませんでしたがなぜ飛んでいないかもわかりませんでしたので動画を送らせていただきます。

この動画を見て、何かおかしな点がありましたら教えて頂けると幸いです。

> **[New video by Kazuya Higuchi](https://photos.app.goo.gl/QACkLPuAmRSLArW5A)**

---

<div class="post-metadata">

**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\
**Post date:** [2023 年 10 月 2 日午前 2:51 UTC](https://www.nocode-faq.com/t/topic/3940/9 "2023-10-02T02:51:20Z")

</div>

ごめんなさい。  
原因わからないです。

自分がやったことは、以前お伝えした通り、通知の許可を入れ直したくらいです。
