interface Web
js tutoriel
Premiers pas avec socket.io dans la bibliothèque de classes node.js_javascript
Premiers pas avec socket.io dans la bibliothèque de classes node.js_javascript
Introduction à websocket et autres technologies ajax inversées
Dans les applications Web en temps réel, une méthode courante est l'Ajax inversé. Définition de l’Ajax inversé :
Reverse Ajax (Reverse Ajax) est essentiellement un concept qui permet d'envoyer des données du serveur au client. Dans une requête HTTP Ajax standard, les données sont envoyées au serveur. Reverse Ajax peut simuler une requête Ajax de certaines manières spécifiques. Ces méthodes seront abordées dans cet article, de cette manière, le serveur peut envoyer des données au serveur aussi rapidement que possible. possible. Le client envoie des événements (communication à faible latence).
La technologie Reverse Ajax a principalement deux contenus : l'un est que le serveur maintient la connexion TCP jusqu'à ce qu'il ait des données à envoyer au client (peut être implémenté à l'aide de boucles et de veille), et l'autre concerne les compétences en programmation js du client.
Websocket est un standard du HTML5 et est également une technologie anti-ajax.
Exemple d'implémentation par Socket.io de la technologie AJAX inversée
Présentation officielle de socket.io :
Socket.IO vise à rendre les applications en temps réel possibles dans tous les navigateurs et appareils mobiles, en brouillant les différences entre les différents mécanismes de transport. C'est un temps réel sans souci 100 % en JavaScript afin de fournir une connectivité en temps réel sur chaque navigateur, Socket. IO sélectionne le transport le plus performant au moment de l'exécution, sans que cela n'affecte l'API WebSocket Adobe® Flash® Socket AJAX longue interrogation Streaming multipart AJAX Forever Iframe JSONP Polling
.Pour faire simple, socket.io est une bibliothèque basée sur nodejs, qui regroupe diverses technologies ajax inversées et unifie l'interface. Au moment de l'exécution, socket.io sélectionne automatiquement la technologie ajax inverse appropriée pour interagir avec le serveur socket.io en fonction des conditions du navigateur. Si des technologies telles que websocket sont des standards, alors socket.io est une application.
Voici comment l'installer (l'auteur utilise Linux Mint 16) :
Installer node.js :
Entrez la commande nodejs pour passer en mode shell.
Installer npm :
Installer socket.io :
Le package d'installation est stocké dans le répertoire ~/node_modules et le client socket.io.js est stocké dans ~/node_modules/socket.io/node_modules/socket.io -répertoire client/dist.
Exemple socket.io
Les exemples suivants proviennent du site officiel et ont été modifiés en conséquence.
Créez d'abord le code côté serveur (côté serveur) (fichier test.js) :
var io = require('socket.io').listen(8080);
io.sockets.on('connection', function (socket) {
socket.emit('news', { hello: 'world' });
socket.on('mon autre événement' , function (data) {
console.log(data);
});
});
Le serveur test.js est lié au port 8080. Lorsqu'un client se connecte Quand le serveur test.js est en cours d'exécution, le serveur test.js envoie la commande news au client et transmet les données { hello: 'world' } ; lorsque le serveur test.js reçoit la commande my other event, il appellera le rappel function function (data) { console.log(data);} pour traiter les données reçues.
L'auteur a construit un serveur nginx, qui utilise le port 80 et le répertoire racine Web est /usr/share/nginx/html. Copiez socket.io.min.js sous ~/node_modules/socket.io/node_modules/socket.io-client/dist dans le répertoire racine Web et créez le fichier index.php dans le répertoire racine Web (en tant que client), le contenu est le suivant :
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Explication graphique détaillée de la mémoire et du GC du moteur Node V8
Mar 29, 2023 pm 06:02 PM
Cet article vous donnera une compréhension approfondie de la mémoire et du garbage collector (GC) du moteur NodeJS V8. J'espère qu'il vous sera utile !
Un article pour parler du contrôle de la mémoire dans Node
Apr 26, 2023 pm 05:37 PM
Le service Node construit sur une base non bloquante et piloté par les événements présente l'avantage d'une faible consommation de mémoire et est très adapté à la gestion de requêtes réseau massives. Dans le contexte de demandes massives, les questions liées au « contrôle de la mémoire » doivent être prises en compte. 1. Le mécanisme de récupération de place du V8 et les limitations de mémoire Js sont contrôlés par la machine de récupération de place
Parlons de la façon de choisir la meilleure image Docker Node.js ?
Dec 13, 2022 pm 08:00 PM
Le choix d'une image Docker pour Node peut sembler trivial, mais la taille et les vulnérabilités potentielles de l'image peuvent avoir un impact significatif sur votre processus CI/CD et votre sécurité. Alors, comment choisir la meilleure image Docker Node.js ?
Parlons en profondeur du module File dans Node
Apr 24, 2023 pm 05:49 PM
Le module de fichiers est une encapsulation des opérations de fichiers sous-jacentes, telles que l'ajout de lecture/écriture/ouverture/fermeture/suppression de fichiers, etc. La plus grande caractéristique du module de fichiers est que toutes les méthodes fournissent deux versions de **synchrone** et ** asynchrone**, with Les méthodes avec le suffixe sync sont toutes des méthodes de synchronisation, et celles qui n'en ont pas sont toutes des méthodes hétérogènes.
Node.js 19 est officiellement sorti, parlons de ses 6 fonctionnalités majeures !
Nov 16, 2022 pm 08:34 PM
Node 19 est officiellement publié. Cet article vous donnera une explication détaillée des 6 fonctionnalités majeures de Node.js 19. J'espère qu'il vous sera utile !
Parlons du mécanisme GC (garbage collection) dans Node.js
Nov 29, 2022 pm 08:44 PM
Comment Node.js fait-il le GC (garbage collection) ? L’article suivant vous guidera à travers cela.
Parlons de la boucle d'événements dans Node
Apr 11, 2023 pm 07:08 PM
La boucle d'événements est un élément fondamental de Node.js et permet une programmation asynchrone en garantissant que le thread principal n'est pas bloqué. Comprendre la boucle d'événements est crucial pour créer des applications efficaces. L'article suivant vous donnera une compréhension approfondie de la boucle d'événements dans Node. J'espère qu'il vous sera utile !
Que dois-je faire si le nœud ne peut pas utiliser la commande npm ?
Feb 08, 2023 am 10:09 AM
La raison pour laquelle le nœud ne peut pas utiliser la commande npm est que les variables d'environnement ne sont pas configurées correctement. La solution est la suivante : 1. Ouvrez "Propriétés système" ; 2. Recherchez "Variables d'environnement" -> "Variables système", puis modifiez l'environnement. variables ; 3. Recherchez l'emplacement du dossier nodejs ; 4. Cliquez sur "OK".
