saut de page de connexion nodejs saut de page saut de page

Avec le développement rapide de la technologie Internet, le nombre d'utilisateurs de sites Web et d'applications augmente également. Afin de mieux gérer et maintenir les applications, de nombreux développeurs choisissent d'utiliser Node.js comme technologie back-end. Dans Node.js, la page de connexion est l'une des parties importantes de l'application. Dans cet article, nous explorerons comment implémenter des pages de connexion et des sauts de page à l'aide de Node.js.

1. Créer une page de connexion
Dans Node.js, nous pouvons facilement créer une page de connexion via le module HTTP et le framework Express. Tout d’abord, vous devez installer le module Express dans le répertoire racine du projet.

npm install express --save

Créez un fichier appelé index.js et introduisez-y le module express. Sur cette base, créez une instance express et spécifiez le numéro de port.

const express = require('express');
const app = express();

app.listen(3000, () => {
  console.log('应用已启动，端口号为3000');
});

Ensuite, nous devons créer une route pour gérer la demande de connexion et afficher la page de connexion.

app.get('/', (req, res) => {
  res.send(`
    <h1>登录页面</h1>
    <form method="POST" action="/login">
      <input type="text" placeholder="用户名" /><br />
      <input type="password" placeholder="密码" /><br />
      <button type="submit">登录</button>
    </form>
  `);
});

app.post('/login', (req, res) => {
  // 处理登录请求
});

Dans le code ci-dessus, nous avons créé une route racine en utilisant la méthode app.get pour afficher la page de connexion. Dans le même temps, la route /login est créée à l’aide de la méthode app.post pour gérer les demandes de connexion.

2. Traitement des demandes de connexion
Dans la section précédente, nous avons créé une route /login pour gérer les demandes de connexion. De cette manière, nous pouvons obtenir le nom d'utilisateur et le mot de passe saisis par l'utilisateur dans le formulaire de connexion via l'objet req, puis le vérifier.

Par exemple, nous pouvons coder en dur le nom d'utilisateur et le mot de passe dans le programme Node.js pour vérification. Le code est le suivant :

app.post('/login', (req, res) => {
  const {username, password} = req.body;

  if (username === 'admin' && password === '123456') {
    res.send('登录成功！');
  } else {
    res.send('用户名或密码不正确');
  }
});

Dans le code ci-dessus, nous utilisons req.body pour obtenir le nom d'utilisateur et le mot de passe dans le formulaire de connexion. . Ensuite, il est vérifié en fonction du nom d'utilisateur et du mot de passe. Si la vérification est réussie, un message d'invite de connexion réussie est renvoyé, sinon un message d'invite d'échec de connexion est renvoyé.

3. Saut de page
Après une connexion réussie, nous redirigeons généralement l'utilisateur vers d'autres pages. Dans Node.js, nous pouvons utiliser la méthode res.redirect pour implémenter des sauts de page et pointer les résultats de la réponse vers d'autres adresses de routage.

app.post('/login', (req, res) => {
  const {username, password} = req.body;

  if (username === 'admin' && password === '123456') {
    res.redirect('/home');
  } else {
    res.send('用户名或密码不正确');
  }
});

app.get('/home', (req, res) => {
  res.send(`
    <h1>首页</h1>
    <p>欢迎访问首页</p>
  `);
});

Dans le code ci-dessus, après une connexion réussie, utilisez res.redirect pour pointer le résultat de la réponse vers la route /home, qui est la page d'accueil. Dans la route /home, nous pouvons afficher le contenu de la page d'accueil à l'utilisateur.

4. Utilisez Session pour implémenter l'authentification des utilisateurs
Dans les applications Node.js, nous utilisons généralement Session pour implémenter l'authentification des utilisateurs. Une fois la connexion réussie, les informations utilisateur sont stockées dans la session et le contenu de la session doit être vérifié lors de l'accès à d'autres pages.

Les étapes spécifiques de mise en œuvre sont les suivantes :

1. Installez le module express-session dans le répertoire racine du projet.

npm install express-session --save

2. Utilisez le module express-session pour définir les paramètres liés à la session.

const session = require('express-session');

app.use(session({
  secret: 'keyboard cat',
  resave: false,
  saveUninitialized: true,
  cookie: { secure: false }
}));

Dans le code ci-dessus, nous utilisons la méthode app.use pour utiliser le middleware de session express pour définir les paramètres secrets de session, réenregistrer les paramètres, les paramètres saveUninitialized et les paramètres des cookies.

3. Une fois la connexion réussie, stockez les informations utilisateur dans la session.

app.post('/login', (req, res) => {
  const {username, password} = req.body;

  if (username === 'admin' && password === '123456') {
    req.session.user = {username};
    res.redirect('/home');
  } else {
    res.send('用户名或密码不正确');
  }
});

Dans le code ci-dessus, nous utilisons req.session.user pour stocker les informations de l'utilisateur actuellement connecté à la session.

4. Effectuez une vérification de session lorsque vous accédez à d'autres pages.

app.get('/home', (req, res) => {
  if (req.session.user) {
    res.send(`
      <h1>首页</h1>
      <p>欢迎访问首页，${req.session.user.username}</p>
    `);
  } else {
    res.redirect('/');
  }
});

Dans le code ci-dessus, nous utilisons d'abord l'instruction if pour déterminer si les informations utilisateur existent dans la session. S'il existe, affichez le contenu de la page d'accueil et affichez le nom d'utilisateur de l'utilisateur actuellement connecté à l'utilisateur. S'il n'existe pas, redirigez vers la page de connexion.

Résumé
Dans Node.js, la création de pages de connexion et de sauts de page sont des aspects importants du développement d'applications. Grâce à l'introduction de cet article, nous avons appris à utiliser Node.js et le framework Express pour créer des pages de connexion, gérer les demandes de connexion et les sauts de page. De plus, nous avons également appris à utiliser Session pour implémenter l'authentification des utilisateurs. Dans les applications réelles, les développeurs doivent effectuer les ajustements et optimisations correspondants en fonction de scénarios d'application spécifiques pour répondre aux besoins des utilisateurs.

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!