Maison >interface Web >js tutoriel >Node.js pour les débutants : un guide simple pour démarrer votre parcours de développement

Node.js pour les débutants : un guide simple pour démarrer votre parcours de développement

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-16 22:52:10241parcourir

Node.js for Beginners: A Simple Guide to Kickstart Your Development Journey

Node.js est le backend pour vos besoins frontend et backend. Il a tout ce dont vous avez besoin et croyez-moi, ses fonctionnalités sont suffisamment puissantes pour vous époustoufler.

La CLI Node.js est une interface très puissante, vous donnant accès à npm (Node Package Manager), le plus grand gestionnaire de bibliothèque au monde, avec plus de 1,3 million de packages disponibles. Mais assez de discours techniques ! Que peut vraiment Node.js pour vous ? Cela vous rappelle-t-il la première fois que vous avez entendu le mot JavaScript ? Eh bien, c'est possible.

Laissez-moi vous guider et vous montrer comment considérer Node.js comme l'outil sur lequel vous pourrez compter pour vos besoins de développement.

La première chose intéressante à propos de Node.js est qu'il peut créer des serveurs web. Cela signifie qu'en plus de votre script frontend, vous aurez autre chose en cours d'exécution sur le backend. Mais attendez, cela ne rend-il pas les choses plus complexes ? C’est vrai, mais cela vous aide à résoudre des problèmes plus importants, et croyez-moi, ce n’est difficile que la première fois.

Le support dont votre frontend a besoin est ce qu'un serveur Web peut fournir. Vous pouvez désormais créer vos propres API pour gérer les tâches. Mais combien peuvent-ils gérer ? Cela dépend de vos besoins. Disons que vous devez stocker les informations d'identification des utilisateurs dans une base de données. Où les stockez-vous ? Stockage local ? Ce n’est pas idéal : c’est moins sécurisé et plus complexe à gérer. Qu'en est-il de l'utilisation d'une carte ou d'un ensemble ? Non, ce n'est pas génial non plus. Cela ne s'adapterait pas à chaque utilisateur.

Alors, quelle est la solution ?

Excellente question. Et si vous aviez quelque chose qui fonctionne 24h/24 et 7j/7 et qui n'est accessible que par vous ou votre PC ? C'est exactement ce qu'un serveur Web peut faire. Ils sont construits pour cela et peuvent gérer bien plus encore. Imaginez maintenant configurer une carte ou un ensemble sur ce serveur. Est-ce que cela suscite votre intérêt ? Si oui, vous êtes au bon endroit. Vous serez étonné de voir à quel point cela peut être simple et il existe des tonnes de ressources à explorer. Sinon, restez avec moi jusqu'à la fin et vous verrez à quel point c'est cool.

Regardons un exemple simple de serveur Web :

const http = require('http');

// Yes, imports are done this way in Node.js

const server = http.createServer((request, response) => {
  if (request.url === '/' && request.method === 'GET') { 
    // '/' is the default endpoint for your API
    response.writeHead(200, { "Content-Type": "text/plain" });
    response.end("Hello, it's Zee!");
  }
});

server.listen(3000, () => {
  console.log(`Server is running at http://localhost:3000`);
}); // You can always define a custom port

Le serveur Web est assez sous-estimé, mais que se passe-t-il si vous devez gérer différentes méthodes HTTP (comme POST, PUT, DELETE) ? Écrire tout cela à partir de zéro entraînerait beaucoup de code. La clé est de le rendre court et simple tout en gardant la fonctionnalité intacte.

Parlons maintenant des API. Les API sont de petites parties de code qui gèrent chacune leur propre logique. Laissez-moi vous montrer un exemple simple et court.


Présentation d'Express : simplifier le développement backend
Express est un framework léger mais puissant qui simplifie le développement backend. Avec Express, vous pouvez créer rapidement des API sans écrire de code excessif. Voici à quel point il est simple de créer une API avec Express.

Étape 1 : Installer Express
Exécutez la commande suivante dans votre CLI pour installer Express :

const http = require('http');

// Yes, imports are done this way in Node.js

const server = http.createServer((request, response) => {
  if (request.url === '/' && request.method === 'GET') { 
    // '/' is the default endpoint for your API
    response.writeHead(200, { "Content-Type": "text/plain" });
    response.end("Hello, it's Zee!");
  }
});

server.listen(3000, () => {
  console.log(`Server is running at http://localhost:3000`);
}); // You can always define a custom port

Étape 2 : Créez votre API

npm install express

Vous voyez comme c'est simple ? C'est ça! Vous avez créé votre première API. Si vous avez réellement essayé, félicitations ! Vous devriez certainement l'essayer vous-même.

Cependant, rappelez-vous : pour garantir que vos requêtes parviennent à votre serveur, vous devrez peut-être utiliser CORS (Cross-Origin Resource Sharing). Qu’est-ce que CORS ? Vous devrez le découvrir par vous-même. Considérez cela comme un petit cliffhanger.

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!

Déclaration:
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