2017-09-06 4 views
2

Je souhaite afficher une notification sonore dans le tableau de bord d'administration sans chargement de page lorsque l'utilisateur passe une nouvelle commande depuis le frontal. S'il vous plaît aidez-moi à ce sujet, j'ai passé de nombreuses heures sur internet, mais je n'ai pas encore trouvé de solution. Ou des suggestions comment peut-on traiter les notifications possibles en PHP?pour afficher une notification sonore dans le tableau de bord d'administration

+2

vous pouvez avoir un code d'écoute sur votre page d'administration qui va envoyer une requête AJAX au serveur après toutes les n secondes (1 Shubhranshu

Répondre

1

Mon conseil serait d'utiliser Pusher. Vous pouvez vous inscrire pour un compte gratuit avec eux (pusher.com). Ils fournissent un code très simple pour commencer.

Étape 1 - déclencher ce code lorsqu'un nouvel ordre est placé:

<?php 
    require __DIR__ . '/vendor/autoload.php'; 

    $options = array(
    'cluster' => 'eu', 
    'encrypted' => true 
); 
    $pusher = new Pusher\Pusher(
    'xxxx', 
    'xxxx', 
    'xxxx', 
    $options 
); 

    $data['message'] = 'hello world'; 
    $pusher->trigger('my-channel', 'my-event', $data); 
?> 

Il est évident que vous pouvez modifier le contenu du tableau à « pousser » toutes les données que vous voulez.

Étape 2 - code pour recevoir le coup de pouce dans votre tableau de bord admin

<!DOCTYPE html> 
<head> 
    <title>Pusher Test</title> 
    <script src="https://js.pusher.com/4.1/pusher.min.js"></script> 
    <script> 

    // Enable pusher logging - don't include this in production 
    Pusher.logToConsole = true; 

    var pusher = new Pusher('xxxx', { 
     cluster: 'eu', 
     encrypted: true 
    }); 

    var channel = pusher.subscribe('my-channel'); 
    channel.bind('my-event', function(data) { 
     alert(data.message); 
    }); 
    </script> 
</head> 

Ainsi, lorsque vous envoyez un coup de pouce, alors il sera alerté par ce code.

Vous pouvez alors modifier l'alerte pour réellement diffuser un son. Il y a beaucoup de messages ici sur la façon dont vous pouvez y parvenir, par exemple Playing sound notifications using Javascript?