Skip to main content

6_Observer Design Pattern

 observer design pattern is a behavioral design pattern.
Behavioral design pattern deals with the interaction of object of different classes within the system.

Definition:

One Subject state is change, the observer get notified about the change.
In Simple words
When something happened, inform information to all people.

You subscribe the channel(observer)
The channel is subject
When the new video is upload(state changes), all subscribers are notified

Php Code Example

Step 1: Define observer Interface

<?php
interface Observer {
    public function update(string $message);
}
?>

Step 2: Define Subject Interface

<?php
interface Subject {
    public function attach(Observer $observer);
    public function detach(Observer $observer);
    public function notify(string $message);
}
?>

Step 3: Create Concrete Subject e.g New Publisher

<?php
class NewsPublisher implements Subject {
    private $observers = [];

    public function attach(Observer $observer) {
        $this->observers[] = $observer;
    }

    public function detach(Observer $observer) {
        $this->observers = array_filter(
            $this->observers,
            fn($obs) => $obs !== $observer
        );
    }

    public function notify(string $message) {
        foreach ($this->observers as $observer) {
            $observer->update($message);
        }
    }

    public function publishNews(string $news) {
        echo "📰 News: $news\n";
        $this->notify($news);
    }
}

?>

Step 4: Create Concrete Observers

These are the observer which will be notified when subject state change. 

<?php
class EmailSubscriber implements Observer {
    public function update(string $message) {
        echo "📧 Email sent: $message\n";
    }
}

class SmsSubscriber implements Observer {
    public function update(string $message) {
        echo "📱 SMS sent: $message\n";
    }
}
?>

Step 5: Run it.

<?php
$publisher = new NewsPublisher();

$email = new EmailSubscriber();
$sms = new SmsSubscriber();

$publisher->attach($email);
$publisher->attach($sms);

$publisher->publishNews("PHP 8.3 Released!");
?>


Output

<?php
📰 News: PHP 8.3 Released!
📧 Email sent: PHP 8.3 Released!
📱 SMS sent: PHP 8.3 Released!
?>


Real World Application Example of  Observer pattern.

1. Laravel Event/Listener follow Observer pattern
In Laravel when user register get wellcome email.

<?php
Event::listen(UserRegistered::class, SendWelcomeEmail::class);
Event::listen(UserRegistered::class, AddBonusPoints::class);
?>

2. Notification system
On Blog Post/ Order Places user get notify through channel
Email
SMS
Push Notification.

Each channel is observer listening to the same event of Blog Post/Order placement(Subject).

3. Stock market 
When product (Subject) price changes,  
All investers (Observers) get updated.

4. Laravel Model Observer

In Laravel when user register.

<?php
User::observe(UserObserver::class);
?>








Comments

Popular posts from this blog

Install MariaDB Latest Version 11.4 in Red Hat Version 9

 This this post i will show you step by step the installation process of mariaDB in red hat version 9. Step1 Run the command to pull the latest updated packages on applications installed in your system. -dnf update If you get Kernal update than reboot the system -reboot Step2 Go to official mariaDB site Make mariadb repository in /etc/yum.repos.d Place the configuration in this file # MariaDB 11.4 RedHatEnterpriseLinux repository list - created 2024-09-24 11:12 UTC # https://mariadb.org/download/ [mariadb] name = MariaDB # rpm.mariadb.org is a dynamic mirror if your preferred mirror goes offline. See https://mariadb.org/mirrorbits/ for details. # baseurl = https://rpm.mariadb.org/11.4/rhel/$releasever/$basearch baseurl = https://mirrors.aliyun.com/mariadb/yum/11.4/rhel/$releasever/$basearch # gpgkey = https://rpm.mariadb.org/RPM-GPG-KEY-MariaDB gpgkey = https://mirrors.aliyun.com/mariadb/yum/RPM-GPG-KEY-MariaDB gpgcheck = 1 Now install the mariaDB with its dependencies package...

Car Company website Proposal Document.

 Car Company Website Proposal Document. What this website offers and give value to company and its customers. This site will showcase the products (vehicles) with simple and sleek design. It will show high impact vehicles images. The specification of vehicle which user can easily understand and make comparisons.  Features of this website both Front-End and Back-End side. Front-End Features 1. Landing page of website 1.1 This page will display classy look of the web design by showcasing different vehicle high resolution images. 1.2 Overview of all Services the company offering to their valuable customers 1.3 Testimonials Client feedback on your services and satisfaction with vehicle which build long term value to company and customer relationship. 1.4 Window Pop-up for showing  sales and events or any news. 2. Pages on this website 2.1 Services Page This page will demonstrate number of Maintenance Services of vehicles this company offers. Now there are two types of service...

React js Commands

Navigation   1. Install React Router Dom npm install react-router-dom npm install react-router-dom@6