Web push bildirim (notification) JS

Web pushjs bildirim (notification) JS

Masaüstü ve mobil bildirim (notification) çıkarmak.

<html>

        <head>

            <title></title>

        </head>

        <body>

            <h4>Web Tarayıcı Bildirimlerini Görüntülemek için Push.js Kullanmak</h4>

            <button onclick="request_button()">Bildirimi tekrarla</button>

            <p id="message"></p>

        </body>

        <!--... pushjs framework-->

        <script src="https://cdnjs.cloudflare.com/ajax/libs/push.js/1.0.5/push.js"></script>

        <script>

            //...Sayfa yüklendiğinde çalışıyor.

            Push.Permission.request(onGranted, onDenied);

            //...Bildirim İzni onaylandı

            function onGranted() {

                //...Başlık

                Push.create("İndirim", {

                    //...Açıklama

                    body: "Açıklama bla bla bla",

                    //...icon

                    icon:  "b.jpg",

                    //kapanma süresi 5sn

                    timeout: 5000,

                    //...

                    onClick: function() {

                        //... masaüstü notification tıklandığında yönlendirilecek

                        window.location.href= "https://www.google.com";

                        console.log(this);

                    }

                });

            }

            //...Bildirim İzni onaylanmadı

            function onDenied() {

                var message = Push.Permission.get();

                document.getElementById("message").innerHTML +="İzin verilmedi:"+ message+"<br>";

            }

            //...Buttona tıklandığında tekrar gösterme

            function request_button() {

                Push.Permission.request(onGranted, onDenied);

            }

        </script>

    </html>