Question

我正在尝试构建一个具有私人聊天功能的社交媒体项目，我对此有点新意，但在youtube的帮助下，我设法使用Laravel，Vuex，Fractal和Axios设置了大部分内容。。

我很难弄清楚如何点击朋友页面上的按钮，这将打开新的或朋友当前的聊天。现在，如果我点击按钮，它就会转到新的消息表单，但是接收者信息没有通过，这部分我很难搞清楚。

我想从

开始

usersidebar.blade.php

<div class="media">
    <a class="pull-left" href="{{ route('profile.index', ['email' => $user->email]) }}">
        <img class="media-object" alt="" src="">
    </a>
    <div class="media-body">
            <h3 class="media-heading">{{ $user->getName() }}</h3>

    </div>

    <button type="submit" class="btn btn-default">Send me a message</button>
</div>

到

NewMessageForm.vue

<template>
    <form action="#" @submit.prevent="reply">
        <div class="form-group">
            <textarea cols="95" rows="4" class="form-group" placeholder="Reply" v-model="body"></textarea>
        </div>
        <div class="form-group">
            <button type="submit" class="btn btn-default">Reply</button>
        </div>
    </form>
</template>

<script>    
    export default {

    }

</script>

感谢您的帮助。

Answer 1

当用户打开聊天框时，您需要实现此逻辑：

从数据库中获取最早的对话;
创建套接字连接以实时发送和接收消息（为此我建议您使用socket.io）
将新消息保存在数据库中

将聊天添加到Laravel社交媒体项目

1 个答案: