Comment construire en temps réel de notification push caractéristique comme facebook n'?
Je vais construire en temps réel de notification push fonctionnalité pour mon application web ( un petit réseau social) et je ne sais pas par où commencer.
C'est ce que j'ai envie de construire: il y a comme des boutons, formulaires de commentaires, ... Utilisateurs, cliquez sur j'aime, écrire leurs commentaires et (relativement) immédiatement, sur le propriétaire du navigateur indique le nombre de nouveaux goûts et de commentaires ... quelque Chose comme ça.
J'ai lu sur socketIo sur nodeJs, MeteorJS mais malheureusement, ils ont besoin de WebSocket pris en charge par mordern navigateurs. Je viens de lire à propos de la Comète et technique le trouve assez facile à appliquer. Mais je ne suis pas sûr que cela fonctionne bien parce que la Comète s'appuie sur le long du scrutin de connexion (corrigez-moi si je me trompe).
En outre, je pense que facebook est à l'aide de la Comète pour ses efforts en fonction de notification. Par le biais de la console sur l'onglet plugin firebug je vois il y a toujours une tenue de connexion à facebook.
Si quelqu'un peut me montrer une technique, un modèle pour développer une fonctionnalité de ce genre?
- Donner prise.io une chance. "Afin de fournir en temps réel de la connectivité sur tous navigateur, Socket.IO sélectionne les plus capables de transport au moment de l'exécution, sans que cela n'affecte l'API." socket.io/#navigateur soutien
- un exemple de travail est ici: github.com/shahzadthathal/server-sent-events-php-example
Vous devez vous connecter pour publier un commentaire.
Une idée prometteuse, consiste à travailler avec le HTML5 API de notification; il est parfait si vous souhaitez que les notifications de pop sur l'écran de l'utilisateur tant que le navigateur est en cours d'exécution (même si vous surfez sur un autre site, ou si toutes les fenêtres sont fermées).
http://www.paulund.co.uk/html5-notifications
Cependant, si ce que vous voulez est de mettre à jour les différentes parties de votre page de façon asynchrone (sans actualisation ou appuyer sur un bouton), vous devez utiliser ensemble :
Lorsque vous avez des appels Ajax récupérer certains types de données json (par exemple), il peut déclencher l'apparition d'un badge (auditeur) avec un certain nombre de nouvelles notifications, ou alors...
Avec JQuery installé, vous devriez être bien...
Même si c'est pas souvent le cas, parfois, pour de simples réglages, il est plus facile de code du travail accompli...
Vous pouvez commencer ici :
Comment mettre en œuvre un "observateur" en Jquery sans plugins? (il est vieux, mais intéressant)
Ou voir cette page :
navigateur des mises à jour instantanées avec ajax/jquery
(incroyable de voir comment souvent google des requêtes de retour stacko pages)
Vous devriez vérifier MQTT. Il fonctionne en fait sur le modèle de publication-abonnement et est très facile à utiliser. Ce protocole a une petite empreinte de pas et consomme moins de bande passante. Facebook Messenger utilise MQTT trop.
vous pouvez utiliser un appel ajax à venir (par exemple) un script php sur le serveur, ce qui maintient ouverte et répond uniquement si et quand quelque chose doit être affichée à l'utilisateur. devrait rien se passer pendant un certain temps, la connexion se ferme et le client tire un nouvel appel ajax.
notez que cela concerne uniquement la communication client/serveur, vous auriez encore besoin d'une méthode de notification, à l'intérieur du serveur pour réveiller le script php, si vous voulez éviter d'avoir un script en constante interrogation de la base de données, mais il y a beaucoup de soultuions à cela et ils dépendent de ce que la langue que vous utilisez sur le serveur.
J'ai une idée, c'est simple, mais il peut travailler. Pourquoi ne pas masquer la barre de notification comme balise Div et de conception avec le css pour faire ressembler la barre de notification. Alors à chaque fois que l'utilisateur aime ou des commentaires sur la page, écrire php ou js fonction et le connecter à aimer ou commenter bouton submit qui va révéler les propriétaires des pages div invisible au visible. Et je crois , en fonction de ce que vous utilisez, je serait probablement mieux de session php() pour déterminer si la page du propriétaire est en ligne et peut recevoir des notifications. en outre, si vous avez besoin de suivre les statistiques de la page, vous pouvez créer une petite base de données qui contient, l'id de la page et les commentaires de l'utilisateur. Vous pouvez utiliser cette base de données pour push notifications multiples sur que caché Div. vous pouvez utiliser Jquery pour le faire bouger comme Facebook si vous le souhaitez. Je ne suis pas %sûr à 100% que si c'est le plus optimisé de façon à le faire mais c'est possible. En passant, j'ai surfé sur certains voir ce que les gens utilisent pour le faire. étonnamment je ne pouvais pas trouver quelque chose d'aussi bien.