node.js - comment faire une simple mise à jour de page en direct?

Je suis très très nouveau pour node.js mais il y a en fait une seule et simple chose que je suis en train de réaliser par l'apprentissage de la langue.

J'aimerais créer une page web, où par le code dans un "div" peut être hotswapped à la volée pour les utilisateurs actuellement à la recherche à cette page. (ie. la div contient un peu de texte, mais a ensuite une image remplace.)
Idéalement, le swap serait exécuté manuellement par la page web d'administration à travers le clic d'un bouton, ou un code tiré sur le serveur ou quelque chose. Téléspectateurs habituels de la page web ne serait pas en mesure de le faire - ils ne voient que le live modifications sur la page.

exemple réel:

en direct diffusion sur internet est hors de l'air, donc le "div" contient "hors d'air" du texte.
vivre hotswap de code qui se passe au moment de la diffusion continue de l'air, et les spectateurs de la page web maintenant voir le html5 diffusion joueur dans la "div" à la place.

Quelle est la façon la plus simple à faire pour un node.js newbie?

Merci beaucoup 🙂

source d'informationauteur copyflake

  1. 15

    Prendre un coup d'oeil à Douille.IO http://socket.io/#how-to-use

    lorsque le serveur décide de diffuser un changement d'utilisation:

    io.sockets.emit('update-msg', { data: 'this is the data'});

    sur le client d'abord brancher la prise.io et ensuite, attendre pour la "mise à jour-msg" de l'événement et de mettre à jour votre dom:

    var socket = io.connect('http://localhost');
socket.on('update-msg', function (msg) {
    console.log(msg);
    $('#mydiv').html(msg.data)
});
  2. 4

    J'ai créé un système de la méthodologie de mise à jour en direct (chaud recharger) avant la fin de code à l'aide de RequireJS et Node.js. J'ai fait en sorte que ça fonctionne avec deux de Réagir et de la colonne vertébrale. Vous pouvez lire à ce sujet ici:

    https://medium.com/@the1mills/hot-reloading-with-react-requirejs-7b2aa6cb06e1

    les étapes de base nécessaires en faisant cela, vous-même:

    1. gulp.js les observateurs de l'écouter pour les modifications au système de fichiers
    2. socket.io server dans gulpfile envoie un message à tous les clients de navigateur
      avec le chemin d'accès du fichier qui a changé
    3. client supprime le cache représentant le fichier/module, et re-nécessite
      (à l'aide d'AJAX pour le tirer à partir du serveur de système de fichiers)
    4. avant la fin de l'application est configurée /conçu pour ré-évaluer toutes les références
      pour les modules qu'il souhaite à chaud, rechargement, dans ce cas, seule la JS
      points de vue, les modèles et les CSS sont disponibles à chaud, rechargez - le routeur,
      les contrôleurs, les banques de données (épine Dorsale des Collections et Modèles) ne sont pas
      encore configuré. Je soupçonne tous les fichiers pourrait être chaud rechargé avec
      la seule exception des magasins de données.