},axiosで入力された文字を飛ばしています。}ここまででデータベースにメッセージ保存されることが確認できればオーケー!メッセージの表示メッセージの表示についてはgetMesagesメソッドを呼び出して値をarrayに入れて、v-forで表示させているイメージです。axios.getはindexに飛ばしてます。この記事を参考に進めています。pusherについても同様です。環境変数設定.envの環境変数のところにpusherで取得した値を設定していきます。pusherに変更する。元々はlogのはず以下それぞれpusherのものを設定していく。PUSHER_APP_ID=******PUSHER_APP_KEY=********************PUSHER_APP_SECRET=********************PUSHER_APP_CLUSTER=***環境変数の設定後は下記コマンドを忘れずに。config:cacheconfig/app.php内のBroadcastServiceProviderをコメントアウトを外す。​laravel-echoとpusherのインストールをインストール。ターミナルでの作業です。pusher-js​インストールが完了したら、resources/js/bootstrap.jsの記述で以下をコメントインする。作成されたファイルを少し書き換えます。broadcastOn()でchatチャンネルを作成。}}vue、controllerに記述追加メッセージが保存された際にMessageCreatedが発火するように。pusherにいきます。consoleでみれます。MessageCreated($message));vue側はライフサイクルメソッドのmountedに記載を追加。コントローラーで設定したMessageCreatedが動くのをlistenで検知して動いたらthis.getMessages()を実行するようにしている。},確認ここまで行けたらメッセージの送信はリアルタイムで出来ます。consoleで中身の送信が確認できます。うまくいっていない場合はconsole.logなどを使って処理がどこまで動いているか確認していきましょう。ポイント正しくメッセージが保存できる。コントローラーで保存が完了した時にMessageCreatedが発火するか。pusherに渡ってたらおっけい。mounted()からechoで処理の呼び出しに成功するか。console.logで確認できる。echoとpusherを使ったけどそこまで難しくないので、このまま次はmessageの編集と削除についての記事も書いていきたい。