Laravel - Pusher Kullanımı - Beyazıt Kölemen

Laravel – Pusher Kullanımı

8 yıl önce Beyazıt Kölemen tarafından yazılmıştır.-6.066 Okunma

Real Time teknolojilerini artık sıklıkla kullanmaya başladık. Bu konuda en büyük platformlardan birisi olan Pusher ile Laravel bağlantısını anlatmak istedim.

Pusher’ı laravel üzerinde kullanmak için öncelikle Pusher’a üye olarak pusher bilgilerimizi alıyoruz.

Pusher üzerinden oluşturduğumuz uygulama ile testlerimize başlıyoruz.

Getting Started bölümünden hangi javascript sınıfını kullanıyorsanız onunla sisteminize bağlayabilirsiniz. Ben bu örnekte normal Javascript üzerinden sistemi bağlıyorum.

Laravel Pusher Paketi Kurulumu

Vinkla tarafından yazılmış Pusher paketini Composer yardımıyla kuruyoruz.

composer require vinkla/pusher

1	composer require vinkla/pusher

App dosyamıza pusherı ekliyoruz.

Vinkla\Pusher\PusherServiceProvider::class

1	Vinkla\Pusher\PusherServiceProvider::class

php artisan vendor:publish

1	php artisan vendor:publish

Vendor dosyamızı publish yaptıktan sonra config klasörümüzden pusher.php dosyamızı çekip uygulama için gerekli bilgileri yazıyoruz. ( Getting started bölümünde yazan alt alta 3 kodu sırayla yazıyoruz)

Örnekteki gibi.

Ardından test için aşağıdaki route,controller ve viewleri kullanarak test edebilirsiniz.

2. Example

Route:

Route::get('/', 'TestController@getIndex');
Route::get('/mesaj-gonder', 'TestController@getMesajGonder');

1 2	Route::get('/', 'TestController@getIndex'); Route::get('/mesaj-gonder', 'TestController@getMesajGonder');

View:

İndex.blade.php

<!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('cbd453721d2dec7fef8b', {
      encrypted: true
    });

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

<!DOCTYPE html>

<head>

<title>Pusher Test</title>

// Enable pusher logging - don't include this in production

Pusher.logToConsole = true;

var pusher = new Pusher('cbd453721d2dec7fef8b', {

encrypted: true

});

var channel = pusher.subscribe('my-channel');

channel.bind('my-event', function(data) {

alert(data.message);

});

</script>

</head>

TestController

<?php

namespace App\Http\Controllers;

use Vinkla\Pusher\Facades\Pusher;

class TestController extends Controller
{
    public function getIndex()
    {
        return view('index');
    }
    public function getMesajGonder()
    {

        Pusher::trigger('my-channel', 'my-event', ['message' => 'Test Mesaj']);

    }
}

<?php

namespace App\Http\Controllers;

use Vinkla\Pusher\Facades\Pusher;

class TestController extends Controller

{

public function getIndex()

{

return view('index');

}

public function getMesajGonder()

{

Pusher::trigger('my-channel', 'my-event', ['message' => 'Test Mesaj']);

}

Sonuç:

Pusher tetikleyicisini çalıştırdığınız da diğer sayfanın anlık olarak alert verdiğini görebilirsiniz.

Yine pusher sayfasından istatistiklere bakabilirsiniz.

laravel pusher kullanımı ,pusher

Laravel – Pusher Kullanımı

Bunu paylaş:

Bir Cevap YazınCevabı iptal et