当前位置:首页 > 技术分析 > 正文内容

Vue3 + Nest 实现权限管理系统 后端篇:如何在 NestJS 中使用 redis

当我们使用 MySQL 这样的关系型数据库时,数据是存储在硬盘中的,而计算机访问硬盘的速度通常相对较慢,这可能导致数据库查询数据时出现性能问题。为了解决这个问题,我们可以使用缓存技术,而其中最常用也是备受推崇的就是 Redis 了。

什么是 Redis

Redis 是一个开源的内存存储数据结构服务器。它具有以下特点:

  • 高速读写:Redis 数据存储在内存中,因此具有非常高的读写速度。相比于从磁盘访问数据的 I/O 操作,通过内存访问数据可以显著提升数据库查询性能。
  • 多种数据结构支持:Redis 不仅仅是一个简单的键值存储系统,还支持多种数据结构,如字符串、哈希、列表、集合等。这使得 Redis 适用于各种不同类型的数据存储需求,进一步提升了其灵活性和实用性。
  • 缓存功能:Redis 可以用作缓存层,提供了快速、高效的读取和写入操作。它可以将经常访问的数据存储在内存中,从而避免了频繁地访问较慢的数据库。这样可以大大降低系统的负载并提升响应速度。

通过将数据存储在内存中并利用 Redis 的缓存功能,我们可以有效地减少对关系型数据库的查询频率,从而显著提高系统的性能和响应速度。

Redis 的设计是 key、value 的键值对的形式,下面让我们来看下 Redis 的使用

安装 Redis

以 windows 系统为例,github.com/MicrosoftAr…点击进去下载

这两个其中一个即可,我这里选择 zip 包,下载完成解压

点击redis-server.exe即可启动 redis,看到下面这个界面就说明启动成功了

点击redis-cli.exe可以打开 redis 的交互命令界面,在这里可以操作 redis,比如设置一个 key 为 a,值为 1 的键值对以及获取 key 为 a 的值

接下来我们就可以在 NestJS 中使用 Redis 了

NestJS 中使用 Redis

安装'redis'

css复制代码npm i redis

一般我们会给对 redis 的操作单独建一个模块,后面有哪些模块需要使用 redis 直接引入这个模块即可,这里我们将模块命名为 cache,使用 nestcli 命令创建

复制代码nest g res cache

创建完成之后在cache.module.ts中引入redis,且自定义一个名为'REDIS_CLIENT'的 provider,同时将 CacheService 导出,因为要给别的模块使用

js复制代码//cache.module.ts
import { Module } from '@nestjs/common';
import { CacheService } from './cache.service';
import { createClient } from 'redis';

@Module({
  providers: [
    CacheService,
    {
      provide: 'REDIS_CLIENT',
      async useFactory() {
        const client = createClient({
          socket: {
            host: process.env.RD_HOST,
            port: parseInt(process.env.RD_PORT),
          },
        });
        await client.connect();
        return client;
      },
    },
  ],
  exports: [CacheService],
})
export class CacheModule {}

其中 redis 的 host 和 port 我们放在了配置文件.env中了

ini复制代码# redis配置
RD_HOST=localhost
RD_PORT=6379

在cache.service.ts通过Inject注入REDIS_CLIENT,然后写写一下操作 redis 的方法

js复制代码import { Inject, Injectable } from '@nestjs/common';
import { RedisClientType } from 'redis';
@Injectable()
export class CacheService {
  constructor(@Inject('REDIS_CLIENT') private redisClient: RedisClientType) {}
  //获取值
  async get(key) {
    let value = await this.redisClient.get(key);
    try {
      value = JSON.parse(value);
    } catch (error) {}
    return value;
  }
  /**
   * 设置值
   * @param key {string} key
   * @param value 值
   * @param second 过期时间 秒
   * @returns Promise<any>
   */
  async set(key: string, value: any, second?: number) {
    value = JSON.stringify(value);
    return await this.redisClient.set(key, value, { EX: second });
  }
  //删除值
  async del(key: string) {
    return await this.redisClient.del(key);
  }
  //清除缓存
  async flushall() {
    return await this.redisClient.flushAll();
  }
}

由于 Redis 不能存储 JS 中的对象,所以需要转成字符串的形式,获取的时候再用JSON.parse转成对象(转不了的话就原样返回)

接下来我们在其它模块中引入试一下

redis 模块的使用

以 user 模块为例,在user.module.ts导入CacheModule

js复制代码//这里省略n
import { CacheModule } from 'src/cache/cache.module';
@Module({
  imports: [CacheModule],
})
export class UserModule {}

在user.service.ts使用,我们有user/test进行测试

js复制代码//此处省略n
import { CacheService } from 'src/cache/cache.service';
@Injectable()
export class UserService {
  constructor(
    ...
    private cacheService: CacheService,
  ) {}

  async test(testParams) {
    return await this.cacheService.set('name','dfxy');
  }

调用user/test看下有没有将 name 缓存

可以看到已经将name缓存

可视化插件

我们使用命令行想查看redis中的数据不太方便,所以我们需要一个可视化插件,前面文章已经提到过,安装一个将Database Client的插件,它可以将数据库可视化,同时也可以连接redis

安装完成可以选择Redis连接

然后我们就可以看到Redis中缓存的数据了

总结

本篇文章介绍了Redis的安装和简单使用,以及如何在NestJS中操作Redis。



扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/4209.html

标签: vue3 深拷贝
分享给朋友:

“Vue3 + Nest 实现权限管理系统 后端篇:如何在 NestJS 中使用 redis” 的相关文章

Linux发行版需要杀软吗?卡巴斯基推出免费KVRT病毒扫描清理工具

IT之家 6 月 4 日消息,你认为使用 Linux 发行版,需要杀毒软件吗?或许很多用户认为 Linux 发行版偏小众,因此受到黑客攻击的风险也相对较小,不过卡巴斯基并不这么认为,近期推出了适用于 Linux 平台的杀毒软件。最新上线的 Linux 版本 Kaspersky Virus Remov...

「Git迁移」三行命令迁移Git包含提交历史,分支,tag标签等信息

问题描述:公司需要将一个git远程服务器的全部已有项目迁移到一台新服务器的Gitlab中,其中需要包含全部的提交纪录,已有的全部分支与全部打tag标签,目前此工作已全部迁移完毕,特此记录一下操作步骤环境描述:1. 要迁移的远程Git:Gitblit2. 迁移目的Git:Gitlab3. 暂存代码的P...

双子座应用程序推出模型切换器以在Android上访问2.0

#头条精品计划# 快速导读谷歌推出了Gemini 2.0 Flash实验版,现已在其安卓应用中可用,之前仅在gemini.google.com网站上提供。新版本的15.50包含模型切换器,用户可以在设置中选择不同模型,包括1.5 Pro、1.5 Flash和2.0 Flash实验版。谷歌提醒,2.0...

Vue真是太好了 壹万多字的Vue知识点 超详细!

1??、Vue和其他两大框架的区别Angular 学习成本太高React 代码可读性差Vue 学习成本较低 很容易上手VUE官方: https://cn.vuejs.org/v2/guide/comparison.html?2??、Vue是什么Vue是一套用于构建用户界面的渐进式框架 "前端...

微信企业号首款永久免费应用问世

7月14日,微信企业号移动办公应用领跑者——办公逸宣布:其所研发的微信办公应用将永久免费,企事业单位只要拥有微信企业号都可以免费安装办公逸各项应用,此举标志着微信办公免费时代现已到来!据悉,办公逸(www.bangongyi.com)现已推出四大微信办公套件,分别为:移动办公管理套件、客户关系管理套...