reactive laravel - laravel meetup groningen

27
LARAVEL Reactive Development

Upload: jasper-staats

Post on 03-Mar-2017

168 views

Category:

Engineering


10 download

TRANSCRIPT

Page 1: Reactive Laravel - Laravel meetup Groningen

LARAVELReactive Development

Page 2: Reactive Laravel - Laravel meetup Groningen

Jasper Staats Full-Stack Developer

Page 3: Reactive Laravel - Laravel meetup Groningen
Page 4: Reactive Laravel - Laravel meetup Groningen

REACTIVE

Page 5: Reactive Laravel - Laravel meetup Groningen

WEBSOCKETS

Page 6: Reactive Laravel - Laravel meetup Groningen

DATA-FLOW

Page 7: Reactive Laravel - Laravel meetup Groningen

EVENTS IN LARAVEL

Page 8: Reactive Laravel - Laravel meetup Groningen

Maak het event aan via Artisan

Resultaat

Page 9: Reactive Laravel - Laravel meetup Groningen

App\Providers\AppServiceProvider

App\User

Page 10: Reactive Laravel - Laravel meetup Groningen

ECHO

Page 11: Reactive Laravel - Laravel meetup Groningen

OUDE METHODEServer Node.js

Page 12: Reactive Laravel - Laravel meetup Groningen

NIEUWE METHODE

Page 13: Reactive Laravel - Laravel meetup Groningen

IMPLEMENTATIEVereisten

- Mac- Composer- Node.js ( NPM )- Redis lokaal geïnstalleerd ( Mac = brew install redis )- Laravel 5.4 - PHP 7

Page 14: Reactive Laravel - Laravel meetup Groningen

IMPLEMENTATIE

Page 15: Reactive Laravel - Laravel meetup Groningen

WIJZIGINGEN

Page 16: Reactive Laravel - Laravel meetup Groningen

WIJZIGINGEN (2)Authenticatie voor private-channels (routes/channels.php)

laravel-echo-server start

Page 17: Reactive Laravel - Laravel meetup Groningen

UE.JSviews\app.blade.php

resources/js/bootstrap.js resources/js/app.js

Page 18: Reactive Laravel - Laravel meetup Groningen
Page 19: Reactive Laravel - Laravel meetup Groningen

RESULTAAT

Page 20: Reactive Laravel - Laravel meetup Groningen

CHANNELS

PUBLICPRIVATE

PRESENCE

Page 21: Reactive Laravel - Laravel meetup Groningen

PUBLICEveryone can subscribe and can see this information

Mostly general announcements.No direct authentication from back and front-end

Page 22: Reactive Laravel - Laravel meetup Groningen

PRIVATEmeaning the frontend has to authenticate the user against a backend

and then assure that the user has permissions to subscribe to the given channel

Page 23: Reactive Laravel - Laravel meetup Groningen

PRESENCEwhich doesn't allow for sending messages and instead just

notifies that a user is "present" in the channel or not.

Page 24: Reactive Laravel - Laravel meetup Groningen

API

Page 25: Reactive Laravel - Laravel meetup Groningen

WATERMELONDEMO

Page 26: Reactive Laravel - Laravel meetup Groningen

SOCKET.IO MOGELIJKHEDEN

Page 27: Reactive Laravel - Laravel meetup Groningen

VRAGEN?