Создание канала для каждого пользовательского чата в twillio - PullRequest
0 голосов
/ 14 мая 2019

Я новичок в twilio и пытаюсь использовать программируемый интерфейс чата для создания веб-приложения чата для зарегистрированных пользователей на веб-сайте, основанном на 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>

У меня есть официальная документация, но я не знаю, как заставить ее работать.

...