見出し画像

Vue CLI+ Laravel 5.8で チャット作成、firebase Cloud Messaging対応

knaka Tech-Blog

■ 概要

クロスドメイン構成の
Vue-CLI + Laravel 関連となり。チャット機能の作成です

・会員制となり、Google認証で
 ログインに対応しています。
・PWAも対応しています
・ 前のLaravel版チャットを、Vue CLIに移植した形です

■ 構成

PWA
firebase Cloud Messaging / FCM
Notification API
Vue CLI
vue-router
vue/cli-service : 4.4.0
・API サービス:
Laravel 5.8
nginx
mysql
・フロント設置ドメイン ,Vue-CLI:
netlify / ホスティングサービス

■ 画面

・web push 受信時の、通知API で。タスクバー表示

画像1

・チャット画面、詳細

画像2


・一覧
左側に、参加チャットの表示

画像3

■ 参考のページ

この続きをみるには

この続き: 746文字
この記事が含まれているマガジンを購入する

Vue CLI , Laravel開発の事例、ノウハウに関する記事を集めました。 ■ 免責事項 / 注記 , 内容について動作確認して…

この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!