Express EST Framework Web Minimaliste et Rapide Pour Node.js. C’est également de loin le Framework Web Node.js Le Plus Populaire.
Интернет приложений: Express EST Framework Web Node.js Минималист и гибкий Qui Fournit Un Ensemble Robuste de fonctanctannalités Pour Les Applications Web et mobiles
API: avec une myriade de méthodes utilitaires http et de промежуточного программного обеспечения à wortre disposition, la creation d’une api robuste est simple et opide.
Espress n’est pas un framework frontend comme comme React out. Express EST Framework Backend Qui Seplètera Un Framework Frontend Pour Creer des Applications полный стек
Pour Utiliser Express, nous avons besin d’une версия fonctionnelle de node.js déjà installee sur notre machine.
Il est également Рекомендация по сфере концепций de base de node.js.
Nous allons d’abord créer un nouveau dossier et démarrer une nouvelle, Puis nous Installons Espress. Dans Votre Terminal, Exécutez
$ mkdir discover_express $ cd discover_express $ touch app.js $ npm init $ npm install express
CES Commands Créeront Une Nouvelle Установка D’Application D’ Node.js avec le Framework Express.
Nous Sommes Mastentant Prêts Pul Notre Première Ligne de Code. Ouvrez app.js et tailz:
const express = require('express')
const app = express()
CE CODE ININIGINALISERA LA PRACIABLE APP EN TANT QUE NOUVER objet Express.
Alors Mastentant, Nous Pouvons Démarrer Le Aderur:
app.listen(5000, () => {
console.log('Server running on localhost:5000...')
})
5000 EST LE Numéro de Port. Cette Valeur Peut être Modifiée.
Pour Accesder à Une Page Sur Internet, Votre Naviteur Doit Demander Au Servur La Page Qu’il Souhaite (Requicete), Puis Vous Afficher Cette Page (reponse). Протокол CE de requetes et de réponses vous permet de visualiser cette page dans wortre navigateur.
Par Exemple, Lorsque Vous Visitez facebook.com/about, wortre navigater Demande La Page ‘о Du Servur Facebook.
Le Servur Facebook Truvera et Fera Corpressre Le Chemin de wortre Demande, Effectuera le Trastement et enverra la réponse Associese à Ce Cemin.
Voici d’Autres Exemples de différents Chemins d’url.
Route Racine: Facebook.com Profil: facebook.com/profile à propos de: facebook.com/about connexion: facebook.com/login
Wortre navigateur peut demander une page mais wortre Navigateur Peut Egalement Envoyer des Données au Servur (Ex. Формуляр de login).
Lorsque Le Navicateur Dest Des Information, Il Fait Une Requistete Get.
Lorsqu’un Navigateur Envoie des Données au Aryur il fait une Requeste Post
Donc, Demander Une Page Facebook/о EST UNE DESTE GET.
Que se passe t’il si la page n’est pas présente sur ervur? Par Exemple, vous Demandez facebook.com/blabla
LE SERDUR INCLURA ON CODE Статус avec Chaque reponse Qu’il renverra au navicateur.
Si tout fonctionne comme prévu, le code est 200. Сияние La Page N’EST PAS Truvée, Le Code Status de Retour Sera 404.
Pour Référence ICI, Une Liste de Quelques Codes Статус http: 200: OK (Réussi) 401: Non Autorisé 403: Interdit 404: Внутренняя 500: Erreur de servur межн
Dans La Première Partie de CET статья, Nous Avons Creé Un Servur Node.js Avec Une Application Express.
const express = require('express')
const app = express()
Nous avons ensuite fait un слушайте Pour weatsere une requette:
app.listen(5000, () => {
console.log('Server running on localhost:5000...')
})
Учителен que le servur est démarré, nous pouvons créer une route qui Qui à un chemin d’une requettete potentiel.
app.get('/', (request, response) => {
response.send('Hello World')
})
CE SERDUR посещает Une Requete Sur La Route ‘/’ (Chemin Racine). Notez que la route посещать une requette get. (app.get)
Une fois cette refecte, le servur enverra «hello world» en reponse.
ТЕЗОНЫ ВЫПОЛНЕНИЯ СЕЛА. Lancez d’abord wortre servur. À partir du type de terminal: node app.js
$ node app.js Server running on localhost:5000...
Ensuite, Ouvrez wortre navigateur préféré et accédez à localhost: 5000. Привет, мир Devrait être Affiche.
IL EST возможный D’Envoyer un Code Status http avec la réponse. Cela Indiquera Au Client Que La Demande/Reponse est on ucès ou on échec.
app..get('/', (request, response) => {
response.status(200).send('Hello World')
})
Статус 200 Signifie que la requette est un uccès
Le servur que nous avons creé encoie simplement une réponse en text просто (Привет, мир).
Mais est EST DE renvoyer du html ou du json.
Ответ html
app..get('/', (request, response) => {
response.status(200).send('Hello World
')
})
Vous Pouvez Mastentant Redémarrer Le Aderur. Si VOTRE ANCIEN SERDUR EST TOUJOURS EN COURS D’ESECUTION DANS LE TERMINAL. Appuyez sur ctrl-c Pour Annuler l’Esecution du servur. Vous Pouvez Mastentant RemeMarrer L’Application Pour Voir le Changement.
$ node app.js
Si Vous Actualisez votre Navigateur sur Localhost: 5000, Vous Verrez Mastentant Hello World Mais Cette Fois Au Format Grand En-Tête H1!
Le Servur Peut Egalement Renvoyer des Données au Navicateur. Par Exemple, Après un Login, Le Servur Peut Renvoyer des Informations Sur utilisateur.
L’ON DES MOYENS СТАНДАРТ D’ENGOYER DES DONNées Dans Les Deux Sens Est Json.
Json (javascript object obtation) est format text standard pouresenter des données structurées basées sur la syntaxe d’objet javascript.
Il est Couramment utilisé pour starmettre des Données dans des Applications Web (Par Exemple, Envoyer des Données du Servur Au Client, Afin Qu’elles Puessent être Affichees Sur Une Page Web, наоборот)
Json est souvent utilisé avec un api. Nous inderons les api en détail dans la prochaine leson.
Envoyer une réponse json avec express est très просто:
app.get('/', (request, response) => {
response.status(200).json({user: 'Mike Taylor', level: 'admin'})
})
Le .json () convertit et envoie un objet javascript {} au format json.
Вау Vous Venez de Creer Votre Premier Servur Web!
C’est Tout Pul Aujourd’hui. Demain, Le Voyage продолжается. Nous allons stamencer à travailler sur l’un des cas les plus utilisés d’expry.js: la construction de notre première api … RESTEZ à l’Ecoute!
Suivez-Moi Sur Twitter: Следуйте @justericchapman
Оригинал: “https://dev.to/ericlecodeur/votre-premiers-pas-avec-express-js-2ba4”