Maison > interface Web > Questions et réponses frontales > Configuration du serveur push Nodejs

Configuration du serveur push Nodejs

WBOY
Libérer: 2023-05-08 10:56:07
original
524 Les gens l'ont consulté

Node.js push server construction

Node.js est un environnement d'exécution JavaScript open source côté serveur connu pour son modèle d'E/S non bloquant et piloté par les événements. Il est largement utilisé. dans le développement d'applications Web et le développement de serveurs Backend. Dans le développement d'applications Web, Node.js peut être utilisé pour créer des applications en temps réel et du push, car il peut répondre rapidement aux demandes des clients et communiquer en temps réel. Cet article explique comment utiliser Node.js pour créer un serveur push.

  1. Install Node.js

Tout d'abord, nous devons installer Node.js sur le serveur. Vous pouvez télécharger la dernière version depuis le site officiel de Node.js et l'installer, ou vous pouvez l'installer à partir de la ligne de commande via l'outil de gestion de packages :

sudo apt-get install nodejs
Copier après la connexion
  1. Créer un projet et installer dépendances

Ensuite, nous devons créer un projet et installer les dépendances nécessaires. Vous pouvez utiliser npm ou Yarn pour créer un projet. Ici, nous prenons npm comme exemple.

mkdir push-server
cd push-server
npm init -y
Copier après la connexion

Ensuite, nous devons installer certaines dépendances nécessaires. Ici, nous utilisons le framework Express et la bibliothèque de communication Socket.IO. Le framework Express est l'un des frameworks Web les plus populaires de Node.js, qui fournit des fonctionnalités de routage et de middleware pratiques. Socket.IO est un framework d'applications en temps réel qui facilite la création d'applications réseau évolutives.

npm install express socket.io --save
Copier après la connexion
  1. Écrire le code du serveur

Maintenant, nous pouvons commencer à écrire le code du serveur. Créez un fichier index.js dans le répertoire racine du projet et ajoutez le code suivant :

const express = require('express');
const app = express();
const http = require('http').createServer(app);
const io = require('socket.io')(http);

app.get('/', (req, res) => {
  res.send('Hello World!');
});

io.on('connection', (socket) => {
  console.log('a user connected');

  socket.on('disconnect', () => {
    console.log('user disconnected');
  });
});

http.listen(3000, () => {
  console.log('listening on *:3000');
});
Copier après la connexion

Ce code créera une application Express et la liera à un serveur HTTP. Il créera ensuite une instance de Socket.IO et la liera au même serveur HTTP. De cette façon, lorsqu'un client établit une connexion avec le serveur, le serveur est capable de gérer la communication en temps réel entre le client et le serveur via Socket.IO. Parmi eux, io.on('connection', ...) est utilisé pour surveiller les événements de connexion entre le client et le serveur, et socket.on('disconnect', ...) est utilisé pour gérer la connexion entre le client et le serveur. client et l'événement de déconnexion.

  1. Test du serveur

Maintenant, nous pouvons tester si le serveur fonctionne correctement. Tout d'abord, démarrez le serveur :

node index.js
Copier après la connexion

À ce moment, saisissez http://localhost:3000 dans le navigateur pour accéder au serveur. Si vous voyez les mots "Hello World!", cela signifie que le serveur fonctionne correctement.

Ensuite, nous testons si la communication en temps réel est disponible. Ouvrez la console de votre navigateur et exécutez le code suivant :

const socket = io('http://localhost:3000');
socket.on('connect', () => {
  console.log('connected to server');
});

socket.on('disconnect', () => {
  console.log('disconnected from server');
});
Copier après la connexion

Ce code créera une instance Socket.IO et établira une connexion avec le serveur. Lorsque la connexion est réussie, « connecté au serveur » s'affichera dans la console. Lorsque la connexion est déconnectée, « déconnecté du serveur » sera affiché dans la console. De cette façon, vous pouvez vérifier que la communication en temps réel entre le serveur et le client fonctionne correctement.

  1. Ajouter une fonction push

Enfin, nous devons ajouter une fonction push. En fait, la fonction push consiste à envoyer des messages au client côté serveur. Afin d'ajouter des fonctionnalités push, nous devons utiliser la fonction d'émission de Socket.IO. La fonction d'émission est utilisée pour envoyer des messages au client et peut définir le type et le contenu du message. Par exemple, le code suivant enverra un message à tous les clients :

io.emit('message', 'Hello, world!');
Copier après la connexion

Où, « message » représente le type de message et peut être défini comme vous le souhaitez. « Bonjour tout le monde ! » tel est le contenu du message. Le client peut écouter ce message et le traiter :

socket.on('message', (message) => {
  console.log(message);
});
Copier après la connexion

Lorsque le client reçoit ce message, les mots "Hello, world!" seront affichés dans la console.

Conclusion

Jusqu'à présent, nous avons réussi à créer une application en temps réel et un serveur push à l'aide de Node.js. Dans les applications pratiques, la fonction push peut être utilisée pour mettre en œuvre des notifications instantanées, un chat en temps réel et d'autres fonctions. Dans le même temps, il convient de noter que le serveur push Node.js doit tenir compte de sa haute concurrence et de sa stabilité afin de pouvoir fournir aux utilisateurs des services continus et stables.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal