公開日:2019/12/25簡単なサンプルと、NativeとPWAでできることの説明などはこちらが綺麗にまとまっています。肝心のWebPushが使えないです。アイコンのバッジとWebPushがiOSで対応したら一気に広まるとは思うのですが、今の所は機能面ではNativeに軍配が上がります。Workerを登録これだけで、できます。今回はそれに加えてWebPushを実装します。"portrait"}start_urlは本番環境に合わせて変えてください。画像は書いてあるものは全て必要でない場合はエラーが出ます。作成したmanifest.jsonをviewで読み込みます。data.linkはcontroller側で設定しています。},}WebPush.init()次に、sw.jsを登録します。登録させたい場所で登録してください。},initialiseServiceWorkerや他の処理をまとめたものをが以下になります。長いですが、コメントアウトしてあるので、順を追って見ていけば大丈夫です。VUE_APP_VAPID_PUBLIC_KEYはあとで生成する.enbのVAPID_PUBLIC_KEYを入れてください。laravel-notification-channels/webpushプロバイダ追加config\app.phpNotificationChannels\WebPush\WebPushServiceProvider::class,通知のエンドポイントを格納するテーブルが作成されます。--tag="config"VAPID生成.envに追加されます。*/エンドポイントを保存するためのSubscriptionController.phpを作成し以下のように変更。subscription破棄の処理も一応書いておきます。'SubscriptionController@destroy');WebPushの通知の部分です。}}まとめ長いですが、そんなに難しくはありません、面倒なだけです。Nativeでアプリにマップを表示させてマーカーを設置するまで。コピペで簡単プロフィールこのサイトを運営しているイノカワです。静岡でフリーランスをやっています。コードを書くのが大好き。いろんな技術に触れて日々気づいたこと・感じたこと・詰まったこと・生活のことを書いています。技術においては雑食です。