Quels sont ces objets ?<\/h1>\n
Ce design pattern<\/em> met en jeu deux types d’objets : <\/p>\n Un sujet<\/em> notifie un ou plusieurs observateurs<\/em> qu’un changement d’\u00e9tat vient de se produire chez lui.<\/p>\n Un observateur attendant avec impatience une notification en provenance d’un sujet.<\/p><\/div>\n Le sujet poss\u00e8de un \u00e9tat interne; lorsque cet \u00e9tat est alt\u00e9r\u00e9, il va notifier ses observateurs de ce changement. Prenons un exemple trivial, qui va parler au plus grand nombre : lorsqu’une personne pr\u00e9sente sur un r\u00e9seau social (notre sujet) f\u00eate son anniversaire, son \u00e9tat change car sa propri\u00e9t\u00e9 \u00e2ge est incr\u00e9ment\u00e9 d’une unit\u00e9 et quiconque suit ce sujet (un observateur, donc) re\u00e7oit une notification l’avertissant de ce changement d’\u00e9tat. L’observateur se met \u00e0 jour et affiche la bonne nouvelle \u00e0 l’\u00e9cran: \u00ab\u00a0X f\u00eate son anniversaire, n’oubliez pas de lui souhaiter !\u00a0\u00bb…<\/p>\n Voici la version telle que d\u00e9finie par le Gang of Four :<\/p>\n Toute la puissance de ce design pattern<\/em> r\u00e9side dans le fait que sa structure, \u00e0 base d’abstractions<\/em>, induit un couplage faible entre les deux types d’objets qui le composent : un sujet ne sait rien du type concret de ses observateurs, si ce n’est qu’il se conforme en tous points \u00e0 l’interface Observer<\/strong>, pas plus qu’il n’est au courant de leur nombre. Le sujet n’aura donc aucunement \u00e0 se risquer \u00e0 d’hasardeuses hypoth\u00e8ses sur la nature de ceux qui l’observent et n’importe quel objet sera en mesure de l’observer, du moment que la classe concr\u00e8te dont il est issu impl\u00e9mente l’interface Observer<\/strong>.<\/p>\n Lorsque j’\u00e9voque ici la notion d’interface, c’est au sens large du terme et pas stricto sensu<\/em>. A l’origine – voil\u00e0 maintenant 20 ans – GoF pr\u00e9conisait l’utilisation de classes abstraites, \u00e0 d\u00e9river en classes concr\u00e8tes. Mais vous ne le savez que trop bien, l’h\u00e9ritage n’est pas une panac\u00e9e universelle, loin s’en faut.<\/p>\n Quelques points cl\u00e9s de ce mod\u00e8le :<\/p>\n Un petit b\u00e9mol, toutefois : en l’\u00e9tat actuel des choses, la fonction de mise \u00e0 jour de l’observateur (Update<\/em>) ne permet pas de savoir ce qui a chang\u00e9 dans le sujet, laissant \u00e0 la charge de l’observateur la responsabilit\u00e9 de \u00ab\u00a0deviner\u00a0\u00bb ce qui a entrain\u00e9 une modification.<\/p>\n Nous allons voir comment \u00e0 l’autre bout du fil, les observateurs g\u00e8rent leur mise \u00e0 jour d’\u00e9tat avec la fonction Update<\/em>.<\/p>\n Deux modes de fonctionnement s’offrent \u00e0 nous :<\/p>\n Le sujet pousse des informations aux observateurs. L’inconv\u00e9nient de cette fa\u00e7on de faire est que le lien entre le sujet et ses observateurs se resserre. Le sujet peut se retrouver \u00e0 pousser des informations dont certains observateurs n’auront pas besoin. Que pousser et \u00e0 qui ?<\/p>\n Le sujet notifie simplement ses observateurs qu’un changement vient d’avoir lieu, \u00e0 eux de savoir ce qui a chang\u00e9 !<\/p>\n Vous le savez maintenant, un sujet notifie N observateurs. On lui attache\/d\u00e9tache ces observateurs \u00e0 l’aide des m\u00e9thodes appropri\u00e9es et il les informe d’un changement via l’appel \u00e0 la m\u00e9thode mettreAJour<\/em> de chacun d’entre eux. Voici \u00e0 quoi vont ressembler nos contrats d’interface (dans la version GoF, ces abstractions sont des classes abstraites, ici nous utilisons des interfaces).<\/p>\n Notre sujet stocke l’ensemble de ses observateurs dans une variable d’instance priv\u00e9e pr\u00e9vue \u00e0 cet effet. Ce tableau est rempli ou vid\u00e9 au fur et \u00e0 mesure que les observateurs sont attach\u00e9s ou d\u00e9tach\u00e9s. Un setter<\/em> mettreAJourLesNouvelles est pr\u00e9vu pour modifier la variable d’instance $nouvelles et un getter<\/em> donnerLesNouvelles servira aux observateurs pour aller r\u00e9cup\u00e9rer le dernier \u00e9tat du sujet. Souvenez-vous qu’en mode pull<\/strong>, ce sont les observateurs qui doivent se renseigner sur l’\u00e9tat du sujet et \u00e9ventuellement mettre \u00e0 jour le leur avec ces informations tir\u00e9es<\/em> depuis le sujet.<\/p>\n C’est lui qui fait le travail, une fois qu’il est notifi\u00e9 \u00e0 travers sa m\u00e9thode mettreAJour. Il re\u00e7oit le sujet \u00e0 l’origine de la notification de mise \u00e0 jour car il peut observer plusieurs sujets; il nous faut donc imp\u00e9rativement savoir qui a chang\u00e9 parmi les objets qu’on observe. Ici nous avons r\u00e9duit la structure de la classe \u00e0 sa plus simple expression: l’observateur re\u00e7oit une notification de nouvelle de la part d’un sujet, il va TIRER l’information depuis ce sujet et mettre son \u00e9tat interne en accord avec celui du sujet, afin d’avoir les toutes derni\u00e8res nouvelles.<\/p>\n Voici le code pour utiliser cette structure en mode pull<\/strong>, il est tr\u00e8s simple: nous cr\u00e9ons deux observateurs que nous attachons \u00e0 notre unique sujet et nous mettons \u00e0 jour l’\u00e9tat de notre sujet, qui va d\u00e9clencher deux notifications (une pour chaque observateur).<\/p>\n En mode push<\/strong>, c’est le sujet qui pousse les donn\u00e9es modifi\u00e9es \u00e0 ses observateurs. Il sait donc ce qu’il leur faut, ce qui induit un couplage plus serr\u00e9 que dans le mode pull<\/strong>. Il peut aussi leur passer son \u00e9tat complet mais attention si les informations sont volumineuses…Les observateurs ont-ils besoin de recevoir un sac postal complet alors qu’ils attendent une carte postale ?<\/p>\n Quoiqu’il en soit, l’interface de l’observateur change et donc l’appel de la m\u00e9thode aussi, dans le sujet:<\/p>\n Le sujet fera d\u00e9sormais:<\/p>\n L’observateur ira quant \u00e0 lui se servir \u00e0 ladite cl\u00e9 dans le tableau $donnees, qui dans la pratique sera \u00e9videmment bien plus fourni:<\/p>\n Le code client ne bougera pas d’un pouce, c’est la cuisine interne de l’objet qui change tr\u00e8s l\u00e9g\u00e8rement. Le principe est rigoureusement identique !<\/p>\n Qu’est-ce qui interdit \u00e0 nos sujets d’\u00eatre des observateurs d’autre sujets ? Rien ! Elles ne changent pas beaucoup des pr\u00e9c\u00e9dentes:<\/p>\n Nous avons juste rajout\u00e9 une interface SuiveurInterface<\/em> qui liste ce que doit savoir faire un suiveur: suivre et cesser de suivre.<\/p>\n Dans notre r\u00e9seau social, nous avons deux types de membres: des personnes et des entreprises ou des associations qui ont des pages. Ces deux cat\u00e9gories de membres peuvent suivre des membres, comme sur Facebook. Pouvant \u00eatre \u00e0 la fois sujet et observateur, ils doivent impl\u00e9menter l’ensemble des interfaces. Nous factorisons les comportements dans une classe abstraite qui va contenir pour un membre, les membres qu’il suit et les membres qui le suivent. Les membres suivis iront dans $sujets<\/strong> et les suiveurs, dans $observateurs<\/strong>.<\/p>\n Faisons simple: de base, un membre a juste un nom et nous mettons un getter<\/em> dessus, m\u00eame pas de setter<\/em>. On en compte deux, une pour les membres et une pour les pages commerciales. Un membre a un \u00e2ge et des hobbies, une page commerciale ne comporte que l’URL du site marchand. L\u00e0 aussi j’ai vraiment gard\u00e9 l’essentiel dans chaque classe, qui est sur-simplifi\u00e9e. Voici notre classe Membre:<\/p>\n et voici notre classe PageCommerciale:<\/p>\n Chaque classe comporte des setters<\/em> qui vont modifier l’\u00e9tat des objets et donc g\u00e9n\u00e9rer des notifications aux objets qui les observent.<\/p>\n Cette m\u00e9thode est au niveau de la classe abstraite; elle fait une v\u00e9rification sur le type concret des sujets car les informations \u00e0 tirer depuis ce sujet ne seront pas les m\u00eames pour les observateurs concrets. Vous voyez arriver le probl\u00e8me si nous rajoutons des classes concr\u00e8tes en bas de l’arbre d’h\u00e9ritage, votre if<\/em> va enfler et il vous faudra peut-\u00eatre avoir recours \u00e0 un nouveau design pattern pour g\u00e9rer ces diff\u00e9rentes fa\u00e7ons d’op\u00e9rer selon les types concrets, lequel ? <\/p>\n Notez que nous clonons les objets; il nous faut fossiliser<\/em> leur \u00e9tat \u00e0 l’instant t pour pouvoir le comparer avec celui du sujet re\u00e7u en param\u00e8tre de la m\u00e9thode.<\/p>\n Voici la sortie g\u00e9n\u00e9r\u00e9e par l’ex\u00e9cution du code client, on n’est pas trop mal on dirait ! N’h\u00e9sitez pas \u00e0 proposer des alternatives ou poser des questions dans les commentaires !<\/p>\n\n
![\"Personne](\"http:\/\/www.lafabriquedecode.com\/blog\/wp-content\/uploads\/2014\/03\/7-Jumelles-et-Lunettes-sans-correction.jpg\")
<\/a>Dans quel \u00e9tat j’erre ?<\/h1>\n
Structure du design pattern Observateur<\/h1>\n
![\"Structure](\"http:\/\/www.lafabriquedecode.com\/blog\/wp-content\/uploads\/2014\/03\/observer.gif\")
<\/a><\/p>\n\n
La mise \u00e0 jour, c\u00f4t\u00e9 observateur<\/h1>\n
Tu tires ou tu pousses ?<\/h2>\n
\n
Le mode push – \u00ab\u00a0Tiens, prends \u00e7a !\u00a0\u00bb<\/h2>\n
Le mode pull – \u00ab\u00a0Viens te servir !\u00a0\u00bb<\/h2>\n
Des versions basiques d’Observateur<\/h1>\n
Les contrats \u00e0 respecter<\/h2>\n
\r\ninterface SujetInterface\r\n{\r\n public function attacher(ObservateurInterface $observateur): void;\r\n public function detacher(ObservateurInterface $observateur): void;\r\n public function notifier(): void;\r\n}\r\n\r\ninterface ObservateurInterface\r\n{\r\n public function mettreAJour(SujetInterface $sujet): void;\r\n}\r\n<\/pre>\nLa notification en version pull<\/h2>\n
Le sujet<\/h3>\n
\r\nclass Sujet implements SujetInterface\r\n{\r\n private $nouvelles;\r\n\r\n private $observateurs;\r\n \r\n public function attacher(ObservateurInterface $observateur): void\r\n {\r\n $this->observateurs[] = $observateur;\r\n }\r\n \r\n public function detacher(ObservateurInterface $observateur): void\r\n {\r\n $key = array_search($observateur, $this->observateurs);\r\n \r\n if (false !== $key) {\r\n unset($this->observateurs[$key]);\r\n }\r\n }\r\n \r\n public function notifier(): void \r\n {\r\n foreach ($this->observateurs as $observateur) {\r\n $observateur->mettreAJour($this);\r\n }\r\n }\r\n\r\n public function mettreAJourLesNouvelles(string $nouvelles): void \r\n {\r\n $this->nouvelles = $nouvelles;\r\n $this->notifier();\r\n }\r\n \r\n public function donnerLesNouvelles(): string \r\n {\r\n return $this->nouvelles;\r\n }\r\n}\r\n<\/pre>\nL’observateur<\/h3>\n
\r\nclass Observateur implements ObservateurInterface\r\n{\r\n private $dernieresNouvelles;\r\n \r\n public function mettreAJour(SujetInterface $sujet): void\r\n {\r\n $this->dernieresNouvelles = $sujet->donnerLesNouvelles();\r\n }\r\n}\r\n<\/pre>\nLe code client<\/h3>\n
\r\n$sujet = new Sujet();\r\n$observateur = new Observateur();\r\n$autreObservateur = new Observateur();\r\n$sujet->attacher($observateur);\r\n$sujet->attacher($autreObservateur);\r\n$sujet->mettreAJourLesNouvelles("La bourse d\u00e9visse !");\r\n<\/pre>\nLa notification en version push<\/h2>\n
Changement d’interface<\/h3>\n
\r\ninterface ObservateurInterface\r\n{\r\n public function mettreAJour(SujetInterface $sujet, array $donnees): void;\r\n}\r\n<\/pre>\nLe sujet<\/h3>\n
\r\n public function notifier(): void \r\n {\r\n foreach ($this->observateurs as $observateur) {\r\n $observateur->mettreAJour($this, ["nouvelles" => $this->nouvelles]);\r\n }\r\n }\r\n<\/pre>\nL’observateur<\/h3>\n
\r\n public function mettreAJour(SujetInterface $sujet, array $donnees): void\r\n {\r\n $this->dernieresNouvelles = $donnees["nouvelles"];\r\n }\r\n<\/pre>\nNotre version d’Observateur<\/h1>\n
\nNous allons simuler un r\u00e9seau social.<\/p>\nNos interfaces<\/h2>\n
\r\ninterface SujetInterface\r\n{\r\n public function attacher(ObservateurInterface $observateur): void;\r\n public function detacher(ObservateurInterface $observateur): void;\r\n public function notifier(): void;\r\n}\r\n\r\ninterface SuiveurInterface\r\n{\r\n public function suivre(SujetInterface $sujet): void;\r\n public function nePlusSuivre(SujetInterface $sujet): void;\r\n}\r\n\r\ninterface ObservateurInterface\r\n{\r\n public function mettreAJour(SujetInterface $sujet): void;\r\n}\r\n<\/pre>\nLe membre<\/h2>\n
\nVous constatez que la m\u00e9thode mettreAJour<\/em> ne contient que le sujet, la notification se fera donc en mode pull<\/strong>.<\/p>\n\r\nabstract class AbstractMembre implements SujetInterface, SuiveurInterface, ObservateurInterface\r\n{\r\n protected $nom;\r\n \r\n protected $observateurs;\r\n \r\n protected $sujets;\r\n \r\n public function __construct(string $nom)\r\n {\r\n $this->nom = $nom;\r\n }\r\n \r\n public function attacher(ObservateurInterface $observateur): void\r\n {\r\n echo $this->donnerNom().PHP_EOL;\r\n echo "\\t".$observateur->donnerNom()." vous \u00e0 ajout\u00e9 \u00e0 ses contacts".PHP_EOL;\r\n $this->observateurs[] = $observateur;\r\n }\r\n \r\n public function detacher(ObservateurInterface $observateur): void\r\n {\r\n $key = array_search($observateur, $this->observateurs);\r\n \r\n if (false !== $key) {\r\n echo $this->donnerNom().PHP_EOL;\r\n unset($this->observateurs[$key]);\r\n echo "\\tVous avez enlev\u00e9 ".$observateur->donnerNom()." de vos contacts".PHP_EOL;\r\n }\r\n }\r\n \r\n public function notifier(): void \r\n {\r\n foreach ($this->observateurs as $observateur) {\r\n $observateur->mettreAJour($this);\r\n }\r\n }\r\n\r\n public function donnerNom(): string\r\n {\r\n return $this->nom;\r\n }\r\n \r\n public function suivre(SujetInterface $sujet): void\r\n {\r\n \/\/ pour \u00e9viter qu'un membre puisse s'auto-suivre\r\n if ($sujet === $this) {\r\n return;\r\n }\r\n \r\n $this->sujets[$sujet->donnerNom()] = clone $sujet;\r\n $sujet->attacher($this);\r\n }\r\n \r\n public function nePlusSuivre(SujetInterface $sujet): void\r\n {\r\n echo $this->donnerNom().PHP_EOL;\r\n \r\n $key = array_search($sujet, $this->sujets);\r\n \r\n if (false !== $key) {\r\n unset($this->sujets[$key]);\r\n }\r\n \r\n echo "\\tVous ne suivez plus ".$sujet->donnerNom().PHP_EOL;\r\n }\r\n \r\n public function mettreAJour(SujetInterface $sujet): void\r\n {\r\n echo $this->donnerNom().PHP_EOL;\r\n $nom = $sujet->donnerNom();\r\n \r\n if (array_key_exists($nom, $this->sujets)) {\r\n $sujetStocke = $this->sujets[$nom];\r\n \r\n if ($sujet instanceof PageCommerciale) {\r\n $urlMagasin = $sujet->donnerUrlMagasin();\r\n $urlMagasinStocke = $sujetStocke->donnerUrlMagasin();\r\n \r\n if ($urlMagasin !== $urlMagasinStocke) {\r\n echo "\\tLe site web de $nom vaut d\u00e9sormais $urlMagasin";\r\n }\r\n\r\n } elseif ($sujet instanceof Membre) {\r\n $age = $sujet->donnerAge();\r\n $ageStocke = $sujetStocke->donnerAge();\r\n\r\n if ($ageStocke !== $age) {\r\n echo "\\t$nom f\u00eate son anniversaire, il a $age ans";\r\n $this->sujets[$nom] = clone $sujet;\r\n }\r\n \r\n $hobbies = $sujet->donnerHobbies();\r\n $hobbiesStocke = $sujetStocke->donnerHobbies();\r\n\r\n if ($hobbiesStocke !== $hobbies) {\r\n echo "\\t$nom a de nouveaux hobbies: ".implode(", ", $hobbies);\r\n $this->sujets[$nom] = clone $sujet;\r\n }\r\n }\r\n echo PHP_EOL;\r\n }\r\n }\r\n}\r\n<\/pre>\nLes classes concr\u00e8tes<\/h2>\n
\r\nfinal class Membre extends AbstractMembre {\r\n \r\n private $age;\r\n \r\n private $hobbies;\r\n \r\n public function changerAge(int $age): void {\r\n $this->age = $age;\r\n $this->notifier();\r\n }\r\n \r\n public function changerHobbies(array $hobbies): void {\r\n $this->hobbies = $hobbies;\r\n $this->notifier();\r\n }\r\n \r\n public function donnerAge(): ?int {\r\n return $this->age;\r\n }\r\n \r\n public function donnerHobbies(): ?array {\r\n return $this->hobbies;\r\n }\r\n}\r\n<\/pre>\n\r\nfinal class PageCommerciale extends AbstractMembre {\r\n \r\n private $urlMagasin;\r\n \r\n public function changerUrlMagasin(string $urlMagasin): void {\r\n $this->urlMagasin = $urlMagasin;\r\n $this->notifier();\r\n }\r\n \r\n public function donnerUrlMagasin(): ?string {\r\n return $this->urlMagasin;\r\n }\r\n}\r\n<\/pre>\nRetour sur la m\u00e9thode mettreAJour<\/h2>\n
\r\n public function mettreAJour(SujetInterface $sujet): void\r\n {\r\n echo $this->donnerNom().PHP_EOL;\r\n $nom = $sujet->donnerNom();\r\n \r\n if (array_key_exists($nom, $this->sujets)) {\r\n $sujetStocke = $this->sujets[$nom];\r\n \r\n if ($sujet instanceof PageCommerciale) {\r\n $urlMagasin = $sujet->donnerUrlMagasin();\r\n $urlMagasinStocke = $sujetStocke->donnerUrlMagasin();\r\n \r\n if ($urlMagasin !== $urlMagasinStocke) {\r\n echo "\\tLe site web de $nom vaut d\u00e9sormais $urlMagasin";\r\n }\r\n\r\n } elseif ($sujet instanceof Membre) {\r\n $age = $sujet->donnerAge();\r\n $ageStocke = $sujetStocke->donnerAge();\r\n\r\n if ($ageStocke !== $age) {\r\n echo "\\t$nom f\u00eate son anniversaire, il a $age ans";\r\n $this->sujets[$nom] = clone $sujet;\r\n }\r\n \r\n $hobbies = $sujet->donnerHobbies();\r\n $hobbiesStocke = $sujetStocke->donnerHobbies();\r\n\r\n if ($hobbiesStocke !== $hobbies) {\r\n echo "\\t$nom a de nouveaux hobbies: ".implode(", ", $hobbies);\r\n $this->sujets[$nom] = clone $sujet;\r\n }\r\n }\r\n echo PHP_EOL;\r\n }\r\n }\r\n<\/pre>\nLe code client<\/h2>\n
\r\n$magasin = new PageCommerciale('ACME Web Store');\r\n$star = new Membre('Rasmus Lerdorf');\r\n$copain = new Membre('Jean-Michel Apeuprey');\r\n$autreStar = new Membre('Novak Djokovic');\r\n$membre = new Membre('S\u00e9bastien Ferrandez');\r\n\r\n$membre->suivre($magasin);\r\n$membre->suivre($star);\r\n$membre->suivre($autreStar);\r\n$membre->suivre($copain);\r\n$copain->suivre($membre);\r\n$magasin->suivre($autreStar);\r\n$copain->changerAge(41);\r\n$membre->changerHobbies(["guitare"]);\r\n$star->changerAge(36);\r\n$star->changerHobbies(["linux", "c++", "c"]);\r\n$autreStar->changerHobbies(["musculation", "karaok\u00e9"]);\r\n$magasin->changerUrlMagasin('http:\/\/www.acmestore.com');\r\n\/\/ Je n'aime plus le tennis !\r\n$membre->nePlusSuivre($autreStar);\r\n\/\/ Je me suis f\u00e2ch\u00e9 avec Jean-Michel, il n'est plus mon ami !\r\n$membre->detacher($copain);\r\n<\/pre>\nTADAAAM !<\/h2>\n
![\"Sortie](\"http:\/\/www.lafabriquedecode.com\/blog\/wp-content\/uploads\/2014\/03\/Screenshot_20190128_131155.png\")
<\/a><\/p>\nO\u00f9 trouve t-on des impl\u00e9mentations d’Observateur ?<\/h1>\n