如何在Node.js應用程式中實現登入頁面跳轉

Node.js（簡稱Node）是一個基於V8引擎的JavaScript執行環境，它可以讓JavaScript在伺服器端運作。使用Node.js進行web開發，具有輕量、高效、可擴充等優點。

本文將介紹如何在Node.js應用程式中實作登入頁面跳轉。

1. 建立登入頁HTML文件

首先，我們需要建立一個登入頁的HTML文件，該文件中應該包括一個表單，用於使用者輸入使用者名稱和密碼，以及一個提交按鈕，用於提交表單。 HTML程式碼如下：

nbsp;html>


    <meta>
    <title>Login</title>


    <h1>Login</h1>
    

        

            Username:                      

        

            Password:                      

             

在表單中，我們定義了method為post，表示使用POST方式提交表單數據，在action中指定了登入位址/login。

2. 完成Node.js應用程式的登入處理邏輯

當使用者提交表單時，Node.js應用程式會接收到POST請求，並處理使用者輸入的使用者名稱和密碼。在本例中，我們採用簡單的方式，將使用者名稱和密碼直接儲存在伺服器端的變數中，並在驗證登入成功後跳到主頁（在本例中我們使用/home作為主頁地址）。

程式碼實作如下（使用Express框架）：

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

// 定义用户名和密码
const username = 'admin';
const password = '123456';

// 处理登录请求
app.post('/login', function (req, res) {
    const { username: inputUsername, password: inputPassword } = req.body;
    if (inputUsername === username && inputPassword === password) {
        res.redirect('/home');
    } else {
        res.send('Invalid username or password');
    }
});

// 如何在Node.js應用程式中實現登入頁面跳轉
app.get('/home', function (req, res) {
    res.send('Welcome to the home page');
});

// 启动服务
app.listen(3000, function () {
    console.log('Server started on port 3000');
});

在上述程式碼中，我們使用了body-parser中間件來解析客戶端POST請求傳送的JSON數據，並將使用者名稱和密碼儲存在inputUsername和inputPassword中。然後，我們將其與預設的username和password比較，如果匹配成功，則使用res.redirect跳到主頁/home ，否則發送錯誤訊息。

注意，我們在/home路由中簡單地發送了一個歡迎訊息，實際開發中，我們需要指定合適的視圖模板，渲染並顯示頁面。

3. 執行應用程式

現在，我們啟動Node.js應用，並在瀏覽器中存取登入頁面http://localhost:3000 ，即可看到登入表單（如果項目沒有例外），如下圖所示：

#輸入正確的使用者名稱和密碼，點擊「Login」按鈕，將跳轉到主頁/home，如下圖所示：

#至此，我們已經實作了Node.js應用程式中的登入頁面跳轉功能，您也可以進一步完善程式碼，使其支援更多的登入方式和使用者驗證方式。

以上是如何在Node.js應用程式中實現登入頁面跳轉的詳細內容。更多資訊請關注PHP中文網其他相關文章！