knaka Tech-Blog

AI, IoT, DIYエレクトロニクス, データサイエンスについて投稿予定です。

firebase

Laravel 5.8 + firebase Cloud Messaging で、web push通知対応の チャット機能の作成

前のLaravel 関係で firebase Cloud Messaging, Notification API 等で web push通知対応の チャット機能の作成となります。 参考のコード github.com 画面 ・通知 メンバーからの、通知ポップアップと。着信音が出力されます・チャットの画面 dbに、メッセ…

firebase Cloud Messaging + Notification APIで、Web push通知

firebase Cloud Messaging を使用して、 ブラウザにpush通知の内容となります。 環境 chrome 79 以降 webサーバ・ドメインは、localhost でも動作しました 参考 https://firebase.google.com/docs/cloud-messaging/js/client?hl=jahttps://firebase.google.c…

Vue.js(Vue-CLI 3) + firebase で、Google認証の追加。SPA開発(18)

index: 概要: 環境 参考 実装など 参考の設定 その他 概要: 前のSPA (Vue.js/ Vuec CLI 3) 関連で、 認証機能を、firebase のGoogle認証を追加する例となります。 環境 vue.js Vue-CLI 3 firebase 参考 https://firebase.google.com/docs/auth/web/google-si…

netlify で、Vue.js (Vue CLI 3) のSPAサイトの設置 SPA開発(8) #Vue.js #firebase #web #SPA

index: 概要: 環境 手順 参考のページ Update 2019/04/29 概要: 前のSPA(SinglePageApplication) 関連で、 netlify.com でのデプロイ公開 の内容となります。 環境 Vue-CLI 3.6.6 Vue.js vue-router firebase 手順 事前にアカウントの作成しておきます。 (今…

Vue.js (Vue CLI 3) と、firebaseで SPA開発、アプリ実装編 フォーム登録など SPA開発(5) #Vue.js #web #firebase #SPA

index: 概要: 環境 参考の設定 画面レイアウト コードなど Vueコンポーネント まとめ 参考のページ 概要: 前のSPA(SinglePageApplication) 関連で、Vue CLI 3 +firebase の実装編となります。・クロスドメイン構成で、バックエンドは別クラウドとなります。 …