integracja danych przesyłanych za pomocą Web-Socketów na przykladie biblioteki „Ratchet”

1. INTEGRACJA DANYCH
PRZESYŁANYCH ZA POMOCĄ
WEB-SOCKETÓW NA PRZYKLADIE
BIBLIOTEKI „RATCHET”
STUDENT: NAZAR PATRYLO

2. ZNACZENIE DANYCH
• Dane na stronie — z czasem stają nie są aktualne;
• podstawie nieaktualnych danych można podjąć błędne decyzję;
• Nie właściwą decyzję prowadzi w końcu do strat finansowych,
jeśli ta aplikacja rozwiązuje biznes zadania.
• Wyjście? Trzeba pobierać dane z serwera w momencie ich
otrzymania na serwer;
• Trzeba mieć możliwość rozpocząć wysyłanie danych przez
serwer.

3. JAK ZAKTUALIZOWAĆ DANE ?
• Pierwszy sposób — pytać co sekundy serwer o nowych danych.
Przy tym im częściej , tym szybciej otrzymujemy aktualizacja
danych.
• Sposób drugi — wykorzystanie technologii websockets. Takie
podejście daje mozliwość dla serwera nie zamykać połączenie i
pozostawić je otwarte. W przypadku otrzymania zdarzenia
serwer odesle jego do jednego lub wielu klientów.

4. TECHNOLOGIA WEBSOCKET
WebSocket - jest technologią zapewniającą dwukierunkowy kanał
komunikacji za pośrednictwem jednego gniazda TCP. Stworzono
ją do komunikacji przeglądarki internetowej z serwerem
internetowym, ale równie dobrze może zostać użyta w innych
aplikacjach typu klient lub serwer.
Aby zainstalować WebSocket-połączenia, klient wysyła
handshake-żądanie, a serwer odpowiada, jak pokazano w
poniższym przykładzie:

5. JAKIE PRZEGLĄDARKI SĄ OBSŁUGIWANE?

6. KOMUNIKACJA Z SERWEREM W CZASIE
RZECZYWISTYM (WEB-CHAT)
• Zastosowane technologie :
• Biblioteka - Ratchet - PHP WebSockets
• PHP Framework - laravel 5.2
• Architektura aplikacji:
• Klient-serwer

7. KOLEJNOŚĆ WYKONYWANIA POLĄCZENIA
Poniżej schemat ilustruje kolejność wykonywania polączenia
clienta z serwerem:

8. PROGRAMOWANIE PO CZĘŚCI SERWERA
• Korzystanie z zasobów - ratchet
use AppClassesSocketBaseBaseSocket;
use RatchetComponentInterface;
• Tworzenie klasy – ChatSocket()
• Realizacja metody:
• onOpen()
• onMessage()
• onClose()
• onError()

9. PROGRAMOWANIE PO CZĘŚCI SERWERA
• Korzystanie z zasobów - ratchet
use IlluminateConsoleCommand;
use RatchetHttpHttpServer;
use RatchetServerIoServer;
use RatchetWebSocketWsServer;
use AppClassesSocketChatSocket;
• Tworzenie klasy– ChatServer
• Realizacja metody – handle()
public function handle() {
$this->info("Start server");
$server = IoServer::factory(
new HttpServer(
new WsServer(
new ChatSocket()
)
)
,8080
);
$server->run();
}

10. PROGRAMOWANIE PO CZĘŚCI CLIENTA
• Tworzenie witryny web serwisu
• Tworzenie metody poloncenia z serwerom
var conn = new WebSocket('ws://chat.dev:8080');
conn.onopen = function(e){
console.log('conection established!');
var massage = 'Користувач: '+user_name+' долучився до чату!';
var data = {auth:true, massage:massage, user_name:user_name, id:user_id,
name:'',color:user_color,type:'new-user'};
send(massage,data);
console.log()
$('.masssages').append('<div class="masage" ><p class="text"> Вітаємо в нашому чаті
</p></div>');
};

11. WYNIKIEM PROGRAMU JEST:

12. BIBLIOGRAFIA
• http://socketo.me/
• https://laravel.com/
• http://internetdevels.ua/blog/implementing-websockets-using-php-ratchet-
library-or-tornado-web-server
• https://habrahabr.ru/post/250085/
• http://ena.lp.edu.ua:8080/bitstream/ntb/20136/1/22-139-147.pdf
• https://habrahabr.ru/post/209864/
• http://en.wikipedia.org/wiki/Comet_(programming)
• http://en.wikipedia.org/wiki/WebSocket
• https://github.com/nicokaiser/php-websocket