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 that you have read and understand our privacy policy and code of conduct.

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