knaka Tech-Blog

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

メッセージ送受信の機能追加。 #Laravel #PWA

index:

概要

メンバー間で、メッセージを送受信できる機能を
Laravelで、追加しました。
PWA対応の、構成となります。

参考のコード

github.com

画面

・index
f:id:knaka0209:20200519113644p:plain

・create
 送信先メール入力、検索
 タイトル、本文を入力して。送信します

f:id:knaka0209:20200519113753p:plain


・home画面等に、通知
 メッセージ画面 以外でも、通知メニューで。
 受信通知を表示できるようにしました。
f:id:knaka0209:20200519114327p:plain

デモのページ

https://knaka0209.net/messages

.

Update

・update 2020/05/21, 返信機能や、index/自動更新
通知APIで、新着の着信ダイアログ

・着信ダイアログ, 10分間隔(600秒) ですが。自動更新チェック、
 通知APIで、デスクトップ通知を表示
f:id:knaka0209:20200521134953p:plain

・返信
 一覧>詳細に、reply( 返信)ボタンを、追加
 送信元に、返信できて。
 この場合。送付先メール検索は不要になりました。
f:id:knaka0209:20200521135414p:plain

Update ファイル添付

・Update : 2020/05/22
 ファイル添付を、追加しました。
・create
ファイルの添付を追加し、マルチパートで送信します
f:id:knaka0209:20200522175536p:plain

・show:
 受信一覧>詳細で
 下側の、attach fileで、添付ファイル取得可能にしました。
f:id:knaka0209:20200522175717p:plain

Update 検索の追加

・2020/05/23 index/受信で、検索機能を追加しました。
タイトル等を、検索可能になりました。

f:id:knaka0209:20200523095708p:plain

Update ファイルのエクスポート

・UPDATE 2020/05/24
受信>詳細で、[export] ボタン追加
 (タイトルの右側あたり)

 メッセージ内容を、テキストファイルに
 ダウロードできるように。しました
f:id:knaka0209:20200524124758p:plain



.