当記事について

OneSignal(*1)をローカル環境でテストする際のハマりどころと手順についての記録。

*1 ... 手軽にWebプッシュ通知を実装できるWebサービス

ハマりどころ

Googleで検索しても、なかなか公式ドキュメントの記述にたどり着けない。

解: 「OneSignal FAQ」で調べると、そのFAQの中に記述がある。

ローカルテストをするための設定項目が、アプリの登録画面や登録後の設定画面上に見当たらない。

解: 大前提としてWebプッシュ機能は、OneSignalダッシュボードで指定されたサイトURLでのみ使用できる。そのためOneSignal上でプロダクト用とローカルテスト用のアプリを分けて登録する必要がある。

「LOCAL SETTING(ローカル環境でテストをできるようにするか)」という項目が
公式のドキュメント上では存在しているのだが、実際に登録用のウィザードを開くと表示されていない。

解
SITE URLにhttp://localhostもしくはhttp://127.0.0.1を入力すると表示される。

1. OneSignalのヘッダーから+ New Appを押下

2. 任意のApp名を入力してADD APPを押下

3. Web Pushを選択してNEXTを押下

4. Typical Siteを選択

5. 任意のSITE NAMEを入力

6. SITE URLにをhttp://localhost:ポート番号入力

ここでhttp://localhostもしくはhttp://127.0.0.1を入力するとLOCAL SETTINGについてのトグルが表示される

7. LOCAL TESTINGのトグルをONに変更

8. ADD PROMPTを押下してPermission Prompt Editorを開く

9. 任意のPROMPT TYPEを選択してSAVEを押下

10. 任意のWelcome Notificationを入力

11. Advanced項目を設定