网站首页 > 技术文章 正文
还在一次又一次地调用相同的API吗?
这不仅效率低下——而且成本高昂。性能缓慢、成本更高,用户体验更差。
让我们停止这种做法——从这篇文章开始。:D
首先您需要了解Redis,简单来说,它是一个超快速的内存键值存储——非常适合缓存和减少后端负载。
有几种方式可以开始。
如果您正在开发,我建议使用Docker。
为此,您可以在CLI中运行:
docker run -d --name redis-stack-server -p 6379:6379 redis/redis-stack-server:latest
这将启动Redis服务器。但查看实际存储的内容同样重要。为此,使用带有浏览器UI的完整Redis Stack:
docker run -d --name redis-stack -p 6379:6379 -p 8001:8001 redis/redis-stack:latest
现在,如果您访问
http://localhost:8001/redis-stack/browser
您会找到一个方便的控制面板,可以在其中可视化地存储、浏览和管理您的Redis数据:
要开始,安装redis包:
npm i redis // 或 yarn, npm
现在,让我们设置一些类型和接口来保持代码的整洁和可扩展性。
我们将从一个用于标准化响应的通用枚举开始:
我们的枚举如下:
# generic.interface.ts
export enum StatusEnum {
SUCCESS = 'success',
ERROR = 'error'
}
然后,为我们的缓存逻辑定义类型和结构:
# cache.interface.ts
import { StatusEnum } from './generic.interface';
export type CacheCallbackType = Promise<{
status: StatusEnum;
data: any;
error?: any;
}>;
export interface CacheInterface {
key: string;
callback: () => CacheCallbackType;
configs?: {
expirationInSeconds?: number;
useUserId?: boolean;
};
}
interface CacheReturnInterface {
status: StatusEnum;
data: any;
}
export type CacheReturnType = Promise<CacheReturnInterface>;
这些接口将帮助保持我们的代码类型化、一致且易于维护,随着项目的增长。
接下来,让我们设置一个辅助类来以整洁和可重用的方式处理Redis操作。
import { createClient } from 'redis';
export default class RedisHelper {
private static client = createClient({
username: 'default',
password: process.env.REDIS_PASSWORD,
socket: {
host: process.env.REDIS_URL,
port: parseInt(process.env.REDIS_PORT)
}
});
static async connect() {
if (!this.client.isOpen) {
await this.client.connect();
}
return this;
}
static async get(key: string) {
await this.connect();
const value = await this.client.get(key);
if (!value) {
return value;
}
return value;
}
static async set(
key: string,
value: any,
expirationInSeconds: number = 3600
) {
await this.connect();
await this.client.json.set(key, '#39;, value);
await this.client.expire(key, expirationInSeconds);
return this;
}
static async del(key: string) {
await this.connect();
await this.client.del(key);
}
static async quit() {
if (this.client.isOpen) {
await this.client.quit();
}
}
}
我们使用Redis的JSON命令(例如.json.set)来更直观地存储结构化数据。这比纯字符串给我们更多的灵活性——特别是在处理嵌套对象或数组时。
有了这个辅助类,我们可以:
- 仅在需要时连接到Redis(延迟连接)
- 设置带过期时间的值
- 轻松获取缓存数据
- 删除键
- 优雅地关闭连接
这个辅助类将处理任何类型请求的缓存——只要请求成功。它使用我们创建的RedisHelper与Redis通信。
在我的情况下,我通过将用户ID附加到缓存键来包含基于用户的缓存支持。在您的情况下,请随意调整此逻辑以适应您的需求。
import {
CacheInterface,
CacheReturnType
} from '../../interfaces/cache.interface';
import { StatusEnum } from '../../interfaces/generic.interface';
// import getUserId from '../default/userId';
import RedisHelper from './RedisHelper';
function getUserId () {
return Math.random(); // 在这里使用您的逻辑!
}
export default class CacheHelper {
// 检查缓存是否为空
// 然后运行回调函数
// 并用结果设置缓存
static async checkCache({
key,
callback,
configs
}: CacheInterface): CacheReturnType {
const cache = await RedisHelper.get(key);
const expirationInSeconds = configs?.expirationInSeconds || 3600;
// 仅在configs中指定时才在键中使用userId
if (configs?.useUserId) {
const userId = getUserId();
key = `${key}:${userId}`;
}
if (cache) {
return {
status: StatusEnum.SUCCESS,
data: cache
};
}
try {
const result = await callback();
if (result.status === StatusEnum.ERROR) {
return {
status: StatusEnum.ERROR,
data: result.data
};
}
await RedisHelper.set(key, result.data, expirationInSeconds);
return {
status: StatusEnum.SUCCESS,
data: result.data
};
} catch (error) {
console.error('Error in checkCache:', error);
return {
status: StatusEnum.ERROR,
data: null
};
}
}
// 辅助函数,始终在键中使用userId
static async checkCacheWithId({
key,
callback,
configs
}: CacheInterface): CacheReturnType {
return this.checkCache({
key,
callback,
configs: {
...configs,
useUserId: true
}
});
}
static async deleteCache(
key: string,
configs?: {
useUserId?: boolean;
}
): Promise<void> {
if (configs?.useUserId) {
const userId = getUserId();
key = `${key}:${userId}`;
}
if (!key) {
throw new Error('Key is required to delete cache');
}
try {
await RedisHelper.del(key);
} catch (error) {
console.error('Error deleting cache:', error);
throw error;
}
}
static async deleteUserCache(key: string): Promise<void> {
return this.deleteCache(key, { useUserId: true });
}
}
这个实用工具让您完全控制:
- 从缓存读取
- 如果需要,写入缓存
- 处理带或不带用户标识符的缓存键
- 轻松删除缓存条目
哦,redis中的标签看起来像这样:
movies:user_123
user:123:profile
user:123:posts
user:123:notifications
现在一切都设置好了,使用缓存变得简单而整洁。
以下是如何基于用户ID缓存/categories API请求的示例:
import CacheHelper from './helpers/cache/CacheHelper';
import { StatusEnum } from './interfaces/generic.interface';
api.post('/categories', async (_req, res) => {
const data = await CacheHelper.checkCacheWithId({
key: 'categories',
callback: async (): CacheCallbackType => {
const data = await Categories();
if (data.error) {
return {
status: StatusEnum.ERROR,
data: data.error
};
}
return {
status: StatusEnum.SUCCESS,
data
};
}
});
if (data.status === StatusEnum.ERROR) {
return res.status(500).send({ error: data.data });
}
return res.status(200).send(data.data);
});
这里发生了什么?
- checkCacheWithId检查是否已经为该特定用户缓存了响应版本。
- 如果没有缓存,它运行回调(Categories()),保存结果并返回。
- 如果回调中有错误,它不会被缓存——而是返回错误。
- 结果快速而整洁地返回给客户端。
想要更进一步?您可以将此抽象为中间件或使用装饰器(如果您正在使用像NestJS这样的框架)。
如果您需要下一步的帮助,请告诉我!
猜你喜欢
- 2025-07-14 CompletableFuture.failedFuture 在 java 8中的替代方法
- 2025-07-14 harmony-utils之PickerUtil,拍照、文件选择和保存,工具类
- 2025-07-14 Java异步编程7大夺命坑!阿里P8血泪逃生指南(附性能核弹包)
- 2025-07-14 Nuxt错误处理完整指南:从基础到高级实践
- 2025-07-14 webpack的几个常见loader源码浅析,动手实现一个md2html-loader
- 2025-07-14 async/await 在 C# 语言中是如何工作的?(中)
- 2025-07-14 Vue3 远程加载组件(vue3远程加载组件)
- 2025-07-14 用 async 模块控制并发数(@async 并发100000)
- 2025-07-14 webpack 常见loader原理剖析,动手实现一个md2html的loader
- 2025-07-14 Vue 3最佳实践:10万QPS性能调优手册
- 1514℃桌面软件开发新体验!用 Blazor Hybrid 打造简洁高效的视频处理工具
- 566℃Dify工具使用全场景:dify-sandbox沙盒的原理(源码篇·第2期)
- 509℃MySQL service启动脚本浅析(r12笔记第59天)
- 486℃服务器异常重启,导致mysql启动失败,问题解决过程记录
- 485℃启用MySQL查询缓存(mysql8.0查询缓存)
- 466℃「赵强老师」MySQL的闪回(赵强iso是哪个大学毕业的)
- 446℃mysql服务怎么启动和关闭?(mysql服务怎么启动和关闭)
- 443℃MySQL server PID file could not be found!失败
- 最近发表
- 标签列表
-
- c++中::是什么意思 (83)
- 标签用于 (65)
- 主键只能有一个吗 (66)
- c#console.writeline不显示 (75)
- pythoncase语句 (81)
- es6includes (73)
- windowsscripthost (67)
- apt-getinstall-y (86)
- node_modules怎么生成 (76)
- c++int转char (75)
- static函数和普通函数 (76)
- el-date-picker开始日期早于结束日期 (70)
- js判断是否是json字符串 (67)
- checkout-b (67)
- c语言min函数头文件 (68)
- asynccallback (71)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- & (66)
- java (73)
- js数组插入 (83)
- mac安装java (72)
- eacces (67)
- 查看mysql是否启动 (70)
- 无效的列索引 (74)