knaka Tech-Blog

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

チャット機能、設定の手順を追記しました #Laravel #Vue.js

この記事は、note 有料マガジンで。公開しております
https://note.com/knaka0209/m/ma126194b131e

更新、チャット一覧に、検索機能追加等 #webプッシュでチャット機能 #php #Laravel #Vue.js

index:

概要

前の firebase Cloud Messaging, Notification API 等で
web push通知対応のチャット機能の。チャット機能の更新内容となります

更新の内容

・チャット一覧の、検索機能追加
・チャット共有URLから、チャット参加機能
Googleログイン追加
Progressive Web Apps / PWA対応

画面

・チャット一覧の、検索機能追加
 チャット名で、検索可能です
 チャット脱退するボタンも追加

f:id:knaka0209:20200430083334p:plain

・メンバーからの。チャット共有URLから、チャット参加機能
 メール等で、共有URLを、開いたときに
 チャット参加画面を、追加。

f:id:knaka0209:20200430083451p:plain

参考のコード

github.com

デモのページ

https://knaka0209.net/chats

参考のページ

knaka0209.hatenablog.com

Laravel 5.8で、Google認証の追加 javascript編 #php #Laravel #Vue.js

この記事は、note 有料マガジンで。公開しております
https://note.com/knaka0209/m/ma126194b131e