8

Возникла необходимость уведомлять юзера о событиях в системе в реальном времени.

Используется как основа laravel 5.3. Но как правильно это организовать и что для этого необходимо не знаю. Подскажите как правильно построить подобную систему. Возможно я смотрю не в ту сторону но все что я пока что нашел это Events в laravel

2 типа уведомлений:

  1. Письма
  2. Сообщение на фронте в виде окна с текстом.
14
  • какие события в системе? каким методом хотите уведомлять юзера?
    – Arsen
    2 мар 2017 в 12:23
  • @Arsen для разных событий по разному. Вообще пока что должно быть 2 вида 1е письма 2е уведомление на фронте в виде окна с сообщением
    – Shadow33
    2 мар 2017 в 12:25
  • @Orange_shadow 9 баксов в месяц для второго урока( Но суть я уловил
    – Shadow33
    2 мар 2017 в 13:03
  • Поищи на трекерах например тут rutracker.cr 2 мар 2017 в 13:06

2 ответа 2

4
+50

В двух словах абстрагировано, добавляете методы которые проверяют информацию при появлении которой нужно выдать уведомление. К примеру

public function newMessage()
    {
      // проверяем...
      //если есть новое
      setcookie("newMessage", $count, time() + 86400);
                return 'yes';
      //если нет
        return 'no';
                
    }

Добавляем маршрут к этому методу. На фронте c помощью ajax слушайте эти куки.

<script>
+        function newMsg(data, d){if(data == "yes"){
+            $('.new-msg').css('display', 'block');
+        }}
+        setInterval(function(){
+            $.ajax({
+                url: "/new-message",
+                type: "POST",
+                data: ({popupMsg: "go"}),
+                dataType: "html",
+                success: newMsg
+            });
+        },300000) 
 </script>

Как то так...

3

Делал себе что-то подобное, реализовал следующим образом:

  1. Уведомления Email, SMS и т.п. лучше всего сделать через новую возможность, которая появилась в версии 5.3: Laravel Notifications

Если в будущем захотите не только Email уведомление ознакомьтесь с сайтом - http://laravel-notification-channels.com/ там есть много каналов для уведомлений.

  1. Уведомления в браузере лучше всего тоже реализовать через новую фичу версии 5.3: Event Broadcasting

Начнем с того что выберем драйвер для Event Broadcasting, я покажу на примере Pusher.

Для начала внесем изменения в файл .env:

BROADCAST_DRIVER=pusher

PUSHER_APP_ID=#данные с панели Pusher
PUSHER_KEY=#данные с панели Pusher
PUSHER_SECRET=#данные с панели Pusher

Загрузим пакет через Composer:

composer require pusher/pusher-php-server

Пока с Pusher всё, в конце вернемся к нему ещё раз.

Создаем событие, (примеры и описание есть тут) к примеру мы будем отправлять уведомление когда кто-то пишет пользователю. Объект уведомления будет выглядеть примерно так:

<?php

namespace App\Events;

use Illuminate\Broadcasting\Channel;
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
use Illuminate\Queue\SerializesModels;

class ChatMessageSend implements ShouldBroadcast
{
    use SerializesModels;

    /**
    * @var User
    */
    public $user;

    /**
     * @var array
     */
    public $data;

    /**
     * Create a new event instance.
     * @param array $data
     */
    public function __construct(User $user, array $data)
    {
        $this->user = $user;
        $this->data = $data;
    }

    /**
     * Get the channels the event should broadcast on.
     *
     * @return Channel|array
     */
    public function broadcastOn()
    {
        return ['chat-channel'];
    }

    public function broadcastAs()
    {
        return 'message-received';
    }
}

Методы broadcastOn и broadcastAs нужны для Event Broadcasting, так же надо создать Listener для этого события чтобы в нём отправлять Email сообщение и прочие.

Теперь необходимо создать Mail Notification в котором укажем шаблон письма, пример доступен по ссылке, назовем его к примеру MessageSend.

Далее нужно создать Listener который будет вызывать это уведомление:

<?php

namespace App\Listeners;

use App\Events\ChatMessageSend;
use App\Notifications\MessageSend;

class SendChatMessageNotification
{
    /**
     * Create the event listener.
     */
    public function __construct()
    {
        //
    }

    /**
     * Handle the event.
     *
     * @param  ChatMessageSend  $event
     * @return void
     */
    public function handle(ChatMessageSend $event)
    {
        $event->user->notify(new MessageSend($event->data));
    }
}

Теперь файле EventServiceProvider привяжем событие и слушатель:

protected $listen = [
    'App\Events\ChatMessageSend' => [
        'App\Listeners\SendChatMessageNotification',
    ],
];

Теперь всё готово для отправки уведомлений. Чтобы отправить уведомление нужно вызвать событие:

event(new ChatMessageSend($user, $data));

Письмо на почту ушло, и ушло на сервис Pusher, но теперь надо его вывести в браузере, на сайте Pusher есть примеры для разных языков, я выведу для JS:

<!DOCTYPE html>
<head>
  <title>Pusher Test</title>
  <script src="https://js.pusher.com/4.0/pusher.min.js"></script>
  <script>

    // Enable pusher logging - don't include this in production
    Pusher.logToConsole = true;

    var pusher = new Pusher('key', {
      cluster: 'eu',
      encrypted: true
    });

    var channel = pusher.subscribe('chat-channel');
    channel.bind('message-received', function(data) {
      alert(data.data);
    });
  </script>
</head>

Вместо alert пишите свой JS для уведомлений в браузере.

P.S. Код должен быть рабочий, но мог где то что-то пропустить

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.