在twillio中为每个用户到用户聊天创建频道

时间:2019-05-14 12:53:48

标签: laravel twilio twilio-programmable-chat

我是twilio的新手,我正在尝试使用可编程聊天api创建一个聊天网络应用程序,以便在基于laravel的网站中登录用户。

我想知道是否应该为每个用户组合创建一个新频道并保持活跃状态​​?以及如何做?

sample screenshot

类似这样的东西,显然不是所有这些功能,而是单击用户名并获得以前的聊天记录的基本功能。

@extends('layouts.app')

@section('content')
  <style>
      .list-group{
       overflow-y: scroll;
       height: 200px;
      }

  </style>
    <div  class="container" id='app2'>
      <div class="row">
        <div class="col-md-4 col-md-offset-4">
          <li class="list-group-item" color='green'>Online Users <span 
class="badge badge-pill badge-danger">@{{numberOfUsers}}</span></li>
          <li class="list-group-item active">Available Users  </li>
          @if (count($users)>0)
            @foreach ($users as $user)
              <div id="user-channel"><li class="list-group-item">{{$user- 
               >name}}</li></div>
            @endforeach
          @endif
        </div>
            <div id="container" class="row">
                <div id="chat-window" class="col-md-4 with-shadow">
                  <div id="message-list" class="row disconnected"></div>
                  <div id="typing-row" class="row disconnected">
                    <p id="typing-placeholder"></p>
                  </div>
                </div>
                    <ul class="list-group" v-chat-scroll>
                    <message v-for="value, index in chat.message" 
:key=value.index :color=chat.color[index] :user = chat.user[index] 
:time=chat.time[index]>
                    @{{value}}
                    </message>
                    </ul>
                    <input type="text" class="form-control" 
placeholder="Type your message here" v-model="message" 
@keyup.enter='send'>
            </div>

        </div>

      </div>

我有官方文档,但不知道如何使它工作。

0 个答案:

没有答案