寫文章

首頁手記 JWT 用戶校驗項目實戰(zhàn)：從入門到上手

JWT 用戶校驗項目實戰(zhàn)：從入門到上手

標(biāo)簽：

Java 安全 API

概述

本文详细介绍了JWT用户校验项目实战的全过程，包括JWT的基本概念、用户校验中的作用、开发环境的搭建以及JWT的生成与解析。通过本教程，读者可以学会如何实现用户注册、登录以及保护API端点的完整流程。

引入JWT与用户校验基础概念

什么是JWT

JWT（JSON Web Token）是一种开放标准（RFC 7519），用于在网络应用间安全地将信息作为JSON对象传输。JWT由三部分组成，分别用点（.）分隔：头部（Header）、载荷（Payload）和签名（Signature）。这种结构可确保用户信息的安全传输，而不暴露敏感数据。

头部（Header）：包含令牌的类型（例如JWT）和所使用的签名算法（例如HMAC SHA256或RSA）。
载荷（Payload）：包含声明（claims），声明是关于实体（通常是用户）和其他数据的声明。标准中注册的声明（例如iss, exp, sub）允许标准化的声明，但您也可以定义您自己的自定义声明。
签名（Signature）：使用header中指定的算法，将header和payload进行签名，保证信息传输的完整性和安全性。

JWT在用户校验中的作用

JWT在用户校验中扮演重要角色，主要用于身份验证和授权。当用户通过登录接口成功登录后，服务器会生成一个JWT并发送给客户端。客户端在后续请求中将此JWT包含在HTTP头中的Authorization字段中，服务器通过验证JWT的有效性来确认用户身份，从而决定是否允许该用户访问受保护的资源。

以下是JWT在用户校验中的主要步骤：

用户通过身份验证（如登录）。
服务器生成JWT并返回给客户端。
客户端保存JWT并在后续请求中携带它。
服务器验证JWT以确认用户身份。

准备开发环境

安装必要的开发工具

为了实现JWT用户校验项目，需要安装一些开发工具。本项目将使用Node.js和Express框架进行开发。以下步骤介绍如何安装这些工具：

安装Node.js：
访问Node.js的官网下载页面（https://nodejs.org/），根据您的操作系统下载并安装Node.js。安装完成后，可以通过命令行检查Node.js版本验证安装是否成功。
```
node -v
```
安装npm：
npm (Node Package Manager) 是随Node.js一起安装的包管理工具。它允许您安装、更新和删除项目依赖项。确保npm已经安装，可以通过命令行检查npm版本验证安装是否成功。
```
npm -v
```
安装Express：
Express是一个基于Node.js的Web应用框架，用于快速开发Web应用。使用npm安装Express。
```
npm install express
```
安装jsonwebtoken：
jsonwebtoken是一个用于生成和验证JWT的库。同样使用npm安装jsonwebtoken。
```
npm install jsonwebtoken
```

创建项目

创建一个新的文件夹作为项目目录，并进入该文件夹。
```
mkdir jwt-auth
cd jwt-auth
```
初始化一个新的Node.js项目，生成package.json文件。
```
npm init
```
确保package.json文件中包含已安装的依赖项。您可以通过npm install命令自动更新package.json文件。
```
"dependencies": {
 "express": "^4.18.2",
 "jsonwebtoken": "^9.0.0"
}
```

实现基本的用户注册与登录功能

设计用户表结构

为了实现用户注册与登录功能，您需要设计一个简单的用户表结构。这里我们使用内存中的对象模拟数据库，因为本项目仅用于教学目的。在实际开发中，您可能会使用真正的数据库（例如MySQL或MongoDB）来存储用户信息。

假设用户注册信息包括用户名（username）、密码（password）和其他一些基本信息（如email、创建时间等）。

创建一个名为users.js的文件来存储用户数据。

// users.js
const users = [
  {
    id: 1,
    username: 'user1',
    password: 'password1',
    email: 'user1@example.com',
    createdAt: new Date()
  },
  {
    id: 2,
    username: 'user2',
    password: 'password2',
    email: 'user2@example.com',
    createdAt: new Date()
  }
];

module.exports = users;

实现注册与登录接口

接下来实现基本的注册（/api/register）和登录（/api/login）接口。通过这些接口，客户端可以注册新用户并获取用于身份验证的JWT。

创建新的Express应用：

在app.js文件中设置Express应用的基本配置。

// app.js
const express = require('express');
const jwt = require('jsonwebtoken');
const users = require('./users');

const app = express();
const PORT = process.env.PORT || 3000;

app.use(express.json());

app.listen(PORT, () => {
 console.log(`Server running on port ${PORT}`);
});

实现注册接口：

实现一个POST请求处理程序，用于处理用户注册请求。

// app.js
app.post('/api/register', (req, res) => {
 const { username, password, email } = req.body;

 if (!username || !password || !email) {
   return res.status(400).json({ error: 'Missing required fields' });
 }

 const newUser = {
   id: users.length + 1,
   username,
   password,
   email,
   createdAt: new Date()
 };

 users.push(newUser);
 res.status(200).json({ message: 'User registered successfully' });
});

实现登录接口：

实现一个POST请求处理程序，用于处理用户登录请求。

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

 const user = users.find(u => u.username === username && u.password === password);
 if (!user) {
   return res.status(401).json({ error: 'Invalid credentials' });
 }

 const payload = {
   id: user.id,
   username: user.username,
   iat: Date.now()
 };

 const token = jwt.sign(payload, 'secret_key', { expiresIn: '1h' });
 res.status(200).json({ token });
});

实现JWT的生成与解析

生成JWT的步骤与代码实现

在用户登录成功之后，服务器将生成一个JWT并返回给客户端。JWT由三部分组成：头部、载荷和签名。使用jsonwebtoken库可以轻松生成JWT。

生成JWT的步骤如下：

生成JWT头部：

头部包含令牌类型和签名算法。

const header = {
 alg: 'HS256', // 使用哈希函数
 typ: 'JWT'    // 令牌类型
};

生成JWT载荷：

载荷包含声明，这些声明可以是预定义的或自定义的。
```
const payload = {
 id: user.id,
 username: user.username,
 iat: Date.now()
};
```
生成JWT签名：

使用头部中指定的算法对头部和载荷进行签名。
```
const token = jwt.sign({ header, payload }, 'secret_key');
```

在实际应用中，您不需要手动生成JWT的头部和载荷，因为jsonwebtoken库会自动处理这些步骤。以下是如何使用库生成JWT的简化代码：

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

  const user = users.find(u => u.username === username && u.password === password);
  if (!user) {
    return res.status(401).json({ error: 'Invalid credentials' });
  }

  const payload = {
    id: user.id,
    username: user.username,
    iat: Date.now()
  };

  const token = jwt.sign(payload, 'secret_key', { expiresIn: '1h' });
  res.status(200).json({ token });
});

解析JWT的步骤与代码实现

当客户端发送一个带有JWT的请求时，服务器需要验证JWT的有效性并解析其内容。使用jsonwebtoken库可以轻松验证JWT。

验证JWT：

使用verify()方法验证JWT的有效性。

const decodedToken = jwt.verify(req.headers.authorization, 'secret_key');

解析JWT载荷：

验证通过后，可以从载荷中获取用户信息。
```
const { id, username } = decodedToken;
```

以下是如何在Express应用中验证JWT的示例代码：

// middleware.js
const jwt = require('jsonwebtoken');

module.exports = function verifyToken(req, res, next) {
  const token = req.headers.authorization;
  if (!token) {
    return res.status(401).json({ error: 'No token provided' });
  }

  jwt.verify(token, 'secret_key', (err, decodedToken) => {
    if (err) {
      return res.status(403).json({ error: 'Failed to authenticate token' });
    }

    req.user = decodedToken;
    next();
  });
};

添加用户信息验证与保护API

创建受保护的API端点

一旦JWT生成并发送给客户端，客户端就可以使用JWT来访问受保护的API端点。在每个请求中，客户端需要在HTTP头中包含JWT令牌。

创建受保护的API端点：

实现一个受保护的API端点，该端点仅允许持有有效JWT的用户访问。
```
// app.js
app.get('/api/profile', verifyToken, (req, res) => {
 res.status(200).json({ user: req.user });
});
```
使用中间件验证JWT：

在每个受保护的路由上使用verifyToken中间件来验证JWT。

验证JWT并获取用户信息

在每次请求时，服务器需要验证JWT的有效性并获取JWT载荷中的用户信息。这可以通过自定义中间件实现。

// middleware.js
const jwt = require('jsonwebtoken');

module.exports = function verifyToken(req, res, next) {
  const token = req.headers.authorization;
  if (!token) {
    return res.status(401).json({ error: 'No token provided' });
  }

  jwt.verify(token, 'secret_key', (err, decodedToken) => {
    if (err) {
      return res.status(403).json({ error: 'Failed to authenticate token' });
    }

    req.user = decodedToken;
    next();
  });
};

测试与部署项目

使用Postman测试API

为了测试API，您可以使用Postman这样的工具。以下是如何使用Postman测试注册、登录、认证的步骤：

注册新用户：

发送POST请求到http://localhost:3000/api/register，请求体中包含username、password和email。
```
{
 "username": "testuser",
 "password": "testpassword",
 "email": "test@example.com"
}
```
登录用户：

发送POST请求到http://localhost:3000/api/login，请求体中包含username和password。
```
{
 "username": "testuser",
 "password": "testpassword"
}
```

访问受保护的API：

发送GET请求到http://localhost:3000/api/profile，在请求头中包含Authorization字段，值为Bearer <JWT>。

{
 "Authorization": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwidXNlcm5hbWUiOiJ0ZXN0dXNlciIsImlhdCI6MTY2OTIyMzQ1Mn0.4GqZyKmNkZt7z5O6m1wQ9FQxQ51H8N46v5MygBKj9zA"
}

将项目部署到服务器

为了将项目部署到服务器，您可以使用Node.js的上云服务或在服务器上手动部署。以下是手动部署的方法：

确保服务器已安装Node.js和npm：

按照前面的步骤在服务器上安装Node.js和npm。
上传项目文件到服务器：

使用FTP、SCP或Git将项目文件上传到服务器。
安装项目依赖：

在服务器上进入项目目录并运行以下命令安装所有依赖：
```
npm install
```
启动服务器：

在服务器上启动Node.js应用：
```
node app.js
```

确保服务器上的防火墙允许访问应用程序端口（默认为3000）。您还可以使用Node.js的forever或PM2工具来确保应用持续运行。

总结

本教程详细介绍了如何使用JWT实现用户认证功能的完整过程，从环境准备、用户注册、登录、生成和验证JWT，到保护API端点。通过学习本教程，您将能够构建并部署一个简单的用户认证系统，为您的Web应用提供安全的身份验证机制。

希望本教程对您有所帮助，如有任何疑问或建议，请随时提出。

點擊查看更多內(nèi)容

為 TA 點贊

若覺得本文不錯，就分享一下吧！

評論

評論

共同學(xué)習(xí)，寫下你的評論

評論加載中...

展開查看更多評論

作者其他優(yōu)質(zhì)文章

正在加載中

慕妹3242003

手記
篇

粉絲

9

獲贊與收藏

26

關(guān)注作者，訂閱最新文章

閱讀免費教程

Java并發(fā)工具

23個小節(jié) 19790 320

Java 并發(fā)原理入門教程

26個小節(jié) 39859 577

Java 入門教程

50個小節(jié) 350832 3249

推薦

評論

收藏

共同學(xué)習(xí)，寫下你的評論



感謝您的支持，我會繼續(xù)努力的～

掃碼打賞，你說多少就多少

贊賞金額會直接到老師賬戶

支付方式

打開微信掃一掃，即可進行掃碼打賞哦

今天注冊有機會得

100積分直接送

付費專欄免費學(xué)

大額優(yōu)惠券免費領(lǐng)

立即參與放棄機會

點擊
抽獎

慕課手記新用戶專享福利

恭喜你，你的運氣太好了，居然抽中了 100個積分！

恭喜你，抽中了價值元的專欄！

太棒了，直接落到你賬戶里！

積分商城里的羅技鼠標(biāo)、機械鍵盤、
Kindle 閱讀器、小米平衡車
Apple iPad （10.2英寸）、大額優(yōu)惠券
在等著你去兌換了噢

作者：

免費贈送

兌換碼：1111222211 復(fù)制

優(yōu)惠券可用于購買實戰(zhàn)課、體系課
無門檻使用

先去看看，有什么好東西馬上兌換我愛學(xué)習(xí)，選課去


第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空