木灵鱼儿

木灵鱼儿 2年前 Nest.js

Nestjs prisma实现软删除硬删除

Prisma是一个现代的数据库访问库，它本身不直接提供软删除（soft delete）和硬删除（hard delete）这样的内建机制，但你可以在应用层面实现这两种删除策略。硬删除：直接从数据库中删除记录，这是数据库最基本的删除操作。在Prisma中，你可以使用delete或deleteMany方法来执行硬删除。软删除：软删除通常是通过在数据库记录中设置一个标记（如deletedAt时间戳字段）来实现的，而不是实际从数据库中移除记录。这样做的好处是，你可以保留数据，以便将来需要恢复或保留删除记录的历史。为了在Prisma中实现软删除，你可以按照以下步骤操作：在你的模型中添加一个如dele...

4030 0 1

prisma Nestjs 软删除

Nestjs 序列化响应数据（返回给前端的数据处理方式）

木灵鱼儿 2年前 Nest.js

Nestjs 序列化响应数据（返回给前端的数据处理方式）

前言在之前的文章中我们已经实现了格式化响应的数据结构，现在我们就来处理响应的具体数据，很常见的一个场景：我们查询了一条用户信息，这个信息可能包含了用户的账号、密码、昵称、头像，但是我们肯定不能把密码也返回给前端，所以我们就需要控制返回的数据。有很多种做法，比如简单的就是通过js的delete操作符去删除对象上的属性。如果是使用prisma的话，可以在查询的时候，配置select属性来限制返回的查询数据。// 假设我们有一个User模型，带有id, name, email和password字段 // 我们想要返回用户的id和name，但不返回email和password const us...

3322 0 0

Nestjs 序列化对象实体类

Nestjs 搞明白全局注册的两种方式的区别

木灵鱼儿 2年前 Nest.js

Nestjs 搞明白全局注册的两种方式的区别

区分两种注册方式在nestjs中我们有两种注册全局的方式，一种是通过NestFactory.create得到app实例，在通过app.useGlobalXXX的方式去注册全局的东西，比如全局拦截器，全局过滤器等。import { NestFactory } from "@nestjs/core"; import { AppModule } from "./app.module"; import { ResultFormatInterceptor } from "@/utils/interceptor"; async funct...

3304 376 2

Nestjs 依赖注入全局注册

Nestjs 格式化接口响应的数据结构

木灵鱼儿 2年前 Nest.js

Nestjs 格式化接口响应的数据结构

前言Nestjs中，如果你想要接口统一返回给前端的数据对象格式，需要从两方面去处理，第一是接口正常的情况下，我们需要通过拦截器去改写数据格式；第二是异常情况，比如数据校验不通过，代码报错之类的，我们需要通过异常过滤器来改写数据格式。正常的做法就是实现一个全局的拦截器和过滤器。响应数据对象格式{ "code": 200, "message": "OK", "data": { } }code，是后端自定义的错误码；message，是后端的响应消息；data，是具体的响应内容；依赖不同的状态...

3881 0 2

接口全局过滤器格式化

Nesjt配置全局路由前缀实现接口区分

木灵鱼儿 2年前 Nest.js

Nesjt配置全局路由前缀实现接口区分

前言这个是非常常见的一种配置，我们的接口通过域名访问，但是这个域名不一定全部都给后端使用，所以一般后端服务都是基于域名，通过一个前缀路由来实现区分，比如：www.xxx.com # 后端服务1 www.xxx.com/v1 # 后端服务2 www.xxx.com/v2通过一个统一的路径名来区分。教程在nestjs中，这个配置放在了文档比较末端的地方，代码如下：import { NestFactory } from "@nestjs/core"; import { AppModule } from "./app.module"; async f...

2755 2 0

Nestjs 全局路由前缀

Nestjs 配置ts的路径别名

木灵鱼儿 2年前 Nest.js

Nestjs 配置ts的路径别名

前言在前端项目开发的时候，使用路径别名@/已经是基操了，但是在后端开发的时候，如何使用路径别名确实也没怎么了解过，配置后才发现真的超级简单。教程由于Nestjs本身就是ts运行的，所以在项目初始化后就有tsconfig.json文件了，我们只需要配置一下paths就可以直接使用了。tsconfig.json{ "compilerOptions": { "paths": { "@/*": ["src/*"] } } }使用：import {...

5402 1.9w 0

路径别名 TypeScript Nestjs

Nestjs 通过拦截器上传文件和windows文件地址转换处理以及上传文件资源访问

木灵鱼儿 2年前 Nest.js

Nestjs 通过拦截器上传文件和windows文件地址转换处理以及上传文件资源访问

前言Nestjs的文件上传官方文档给的讲解非常少，在掘金搜对应文章也大多数不全，有的都是好几年前的处理了，这里贴一下我学习到的处理方式。首先我们需要三个依赖：multer，这个是一个express的中间件，它只会处理multipart/form-data 类型的表单数据，主要用于上传文件。@types/multer 这个是multer的一个类型声明依赖。@nestjs/platform-express，这个依赖提供了上传模块和拦截器用于处理上传，它本身也依赖于multer。大概流程：首先我们从 @nestjs/platform-express引入MulterModule模块进行注册，为此...

3194 12 0

文件上传拦截器 Nestjs

Nestjs 预设的错误类大全

木灵鱼儿 2年前 Nest.js

Nestjs 预设的错误类大全

NestJS 提供了多种预设的错误类，这些错误类对应于常见的 HTTP 状态码，并在 @nestjs/common 包中。BadRequestException: 对应于状态码 400（Bad Request），表明客户端请求的语法错误或无法处理请求。UnauthorizedException: 对应于状态码 401（Unauthorized），表明请求需要用户的身份认证。NotFoundException: 对应于状态码 404（Not Found），表明服务器找不到请求的资源。ForbiddenException: 对应于状态码 403（Forbidden），表明服务器理解请求但拒绝...

3928 2 2

Nestjs 错误类

Nestjs 实现passport策略jwt鉴权（全局鉴权和白名单）

木灵鱼儿 2年前 Nest.js

Nestjs 实现passport策略jwt鉴权（全局鉴权和白名单）

前言Nestjs文档中有两种鉴权方式，一种是自定义一个守卫，在守卫中自己从上下文header中取出token信息，然后自己解析判定。import { CanActivate, ExecutionContext, Injectable, UnauthorizedException } from '@nestjs/common'; import { JwtService } from '@nestjs/jwt'; import { jwtConstants } from './constants'; import { Request...

6684 610 8

白名单 Nestjs passport

Nestjs 使用@nestjs/jwt来生成token

木灵鱼儿 2年前 Nest.js

Nestjs 使用@nestjs/jwt来生成token

前言jwt生成，nestjs官方有一个专门的库@nestjs/jwt，它是一个模块，我们只需要将他注册为全局模块，并且传入secret密匙就能直接去使用它的服务了。教程先安装依赖：pnpm i @nestjs/jwt在app.module.ts中引入该模块，通过useFactory工厂模式，获取到ConfigModule提供的ConfigService服务，从而拿到环境变量文件中配置的secret。.env.development在环境变量中配置TOKEN_SECRET# token-secret TOKEN_SECRET="xxxxx"注意不要泄露这个密匙。app....

3348 0 0

token Nestjs @nestjs/jwt

Nestjs使用crypto-js对密码实现保护

木灵鱼儿 2年前 Nest.js

Nestjs使用crypto-js对密码实现保护

简介所有的数据库中，对密码的保存永远不是明文的，这是一种常识，我们使用Nestjs和Prisma创建用户时也是一样的，对用户的密码也不是明文的。有些教程使用argon2库来加密密码，但是这个库在windows上永远是安装失败，为此直接放弃使用它，改用crypto-js，来实现相同功能。教程先安装依赖：pnpm i crypto-js @types/crypto-js然后我们封装一个简单的工具文件：md5.tsimport { MD5 } from "crypto-js"; /** * @description: hash加密 * @param {string} ...

2888 48 0

密码加密 crypto-js

Nestjs使用class-validator实现数据库字段校验，是否存在

木灵鱼儿 2年前 Nest.js

Nestjs使用class-validator实现数据库字段校验，是否存在

前言一个很经典的业务需求，注册用户时需要判断用户的账号是否已经存在，登录的时候也需要判断用户是否存在，只不过一个需要存在时报错，另一个需要判断不存在时报错。教程官方文档：class-validator创建文件：IsFieldExist.tsimport { registerDecorator, ValidationOptions, ValidationArguments } from "class-validator"; import { PrismaClient } from "@prisma/client"; let prisma: Pris...

2712 0 0

异步 Nestjs class-validator

Nestjs使用class-validator实现二次密码校验

木灵鱼儿 2年前 Nest.js

Nestjs使用class-validator实现二次密码校验

前言默认情况下class-validator这个库本身并没有提供二次密码校验的方式，所以我们需要自己去实现这个功能，那么自然是需要实现一个符合库规范的属性装饰器了。首先我们需要知道，在class-validator中，自己实现一个校验方式，是可以获取到校验对象的，既然可以获取到校验的对象，自然可以读取对象里的那些属性了，为此实现一个二次密码校验是非常简单的。教程假设我们的数据对象如下：{ name: "", password: "", confirmPassword: "" }我们需要判断confirmPasswor...

2477 1 0

密码 Nestjs class-validator

Nestjs cli命令 help

木灵鱼儿 2年前 Nest.js

Nestjs cli命令 help

help汉化Usage: nest <command> [options] Options: -v, --version 输出当前版本 -h, --help 输出使用信息 Commands: new|n [options] [name] 生成Nest应用程序 build [options] [app] 构建Nest应用程序 start [options] [app] 运行Nest应用程序。 info|i 显示Nest项目详细信息。 ad...

2614 0 0

命令创建 cli

Nestjs DTO与管道校验、异常过滤器

木灵鱼儿 2年前 Nest.js

Nestjs DTO与管道校验、异常过滤器

简介在学习使用Nsetjs中了解了DTO这个东西，但是作为一个前端开发人员，其实不太懂这个东西是干什么的，于是自己去了解了一些，并记录一下。什么是DTO？nestjs框架本身借鉴了很多后端框架的经验，其中DTO就是一种在java开发广泛使用的一种设计模式。DTO的全称是Data Transfer Object，是一个用于客户端与后端服务传输数据的一种对象形式，在nestjs中更细节一点，就是前端传输的数据会在Controller控制层使用前，被转换成DTO数据对象，其实就是class类通过一些方式将数据赋值到这个类的实例对象上。后续的操作读取其实都是使用的DTO对象，同时我们的数据校验也...

3271 70 0

过滤器 express 表单校验

Nestjs中依赖注入初级了解（装饰器）

木灵鱼儿 2年前 Nest.js

Nestjs中依赖注入初级了解（装饰器）

前言在nestjs中，我们在controller或者在service中去调用一些依赖，不是像写vue那种，直接es6导入导出，而是通过依赖注入的形式，在类构造函数constructor中声明需要的依赖，nestjs会在实例化的时候将对应的依赖实例作为参数传入。示例：app.controller.tsimport { Controller, Get } from "@nestjs/common"; import { AppService } from "./app.service"; @Controller() export class AppCo...

2138 0 0

装饰器 Nestjs 依赖注入

Nestjs与Prisma多环境变量文件解决方案

木灵鱼儿 2年前 Nest.js

Nestjs与Prisma多环境变量文件解决方案

前言在一个稍微正式点的项目中，它的环境变量文件肯定多个的，一般会有开发用的环境变量文件，正式上线的环境变量文件，测试用的环境变量文件，甚至还有更多，但是在nestjs和prisma的官方文档中，都是只用一个环境变量文件.env，显然有点弱了，为此写一篇关于如何使用多环境变量文件的教程。依赖安装pnpm i cross-env dotenv dotenv-cli -D理论上讲dotenv可以不用明确安装，但是但是安装一些，以后也用得到，比较是一个基建类的库，用于解决环境变量相关方面。cross-env 用于指定NODE_ENV。dotenv-cli是给prisma用的。创建环境变量文件在项...

2910 27 0

环境 prisma Nestjs

git 将本地git仓库关联到远程仓库

木灵鱼儿 2年前 Git 笔记

git 将本地git仓库关联到远程仓库

前言在一些练习demo中，我们常常会使用cli工具去创建一个项目，不管这个项目是前端还是后端的，大部分情况都会顺带帮你初始化一个本地的git仓库，有的时候倒是无所谓，但是有时候我们可能需要将这个demo项目上传到远程仓库上去。比较费事的做法就是先在远程仓库管理里创建我们需要的git仓库，然后本地拉取，再将demo文件cv过去，再上传。有点麻烦，其实我们可以通过简单的命令将远程仓库地址直接关联到本地上去，这样我们就可以不需要cv操作了。教程我们先在远程创建我们的自己的仓库地址，假设地址为：https://gitee.com/ssss/sss.git。我们进入到demo项目，输入命令：git...

2678 0 0

git 本地仓库远程仓库

约束项目中的包管理为指定包管理器

木灵鱼儿 2年前 vue 项目实战

约束项目中的包管理为指定包管理器

前言最近发现这个很有意思的配置，可以让项目中强制使用指定的包管理器，其他人瞎鸡儿用的话就会报错阻止，这个配置其实在pnpm的官方文档里就有，只是一直都没发现。这里贴一下出处：Only allow pnpm下面开始教程。教程在开始之前我们需要了解一下，npm在安装包的时候其实是有一些预设的生命周期脚本的，当然这些脚本其实就是package.json中的scripts定义的命令，官方预设了一些名字，当你添加对应的脚本名字和内容的时候，npm会在install的生命周期中去运行对应时机的脚本命令。生命周期文档：npm-install示例：{ "scripts": {...

2924 3 0

yarn npm pnpm

git 将a分支的内容强制替换b分支，使其完全相同

木灵鱼儿 2年前 Git 笔记

git 将a分支的内容强制替换b分支，使其完全相同

前言有的时候我们在并行开发一些内容的时候，会遇到需要将两个版本打平的情况，比如将a分支的内容全部替换到b上，以它为基础再进行开发。此时我们的b分支已经不需要自己之前开发的哪些内容，我的做法就是完全替换，git 的提交记录也没有了，省的文件冲突了。教程我们先切换到需要被覆盖的分支b：git checkout b然后通过reset命令进行重置：git reset --hard a如果你是首次拉取的仓库，那么a分支可能需要替换成：origin/a此时b分支的内容全部被覆盖了，理论上不需要再提交到远程仓库的，不过以防万一还是补一下：git push -f origin b其他做法方式有很多，这里...

4155 2 0

git reset 分支替换

vite+vue3 代替require()的hooks

木灵鱼儿 2年前 vue 项目实战

vite+vue3 代替require()的hooks

前言最近发现动态去拼接资源路径还是挺常用的，于是把我之前封装的hooks单独分享出来。教程useAssets.tsexport function useAssets() { /** 前缀补路径斜杠 */ // eslint-disable-next-line @typescript-eslint/no-unused-vars function addPrefixSlash(path: string) { return path.startsWith("/") ? path : `/${path}`; } /** ...

3184 20 0

vue3 vite hooks

简单的对接web版谷歌登录

木灵鱼儿 2年前 vue 项目实战

简单的对接web版谷歌登录

前言这段时间对接了下web版的谷歌登录，总体来说坑非常多，即便到现在，我都感觉这个教程都只能算是一个应急处理方案，并不完美，缺点如下：文档稀少，官方提供的教程自由度很差ui不可控，前端无法自定义触发按钮不多说，开搞！教程官方文档和流程官方文档：web谷歌登录流程：我们需要先去将需要web登录的域名去向谷歌申请一个客户端id，用于在客户端登录处理。申请地址：开发者后台创建凭据 --- 选择OAuth 客户端ID --- 应用类型选择 web应用 --- 自己填写一个名称已获授权的 JavaScript 来源这个选项意思就是你允许使用这个客户端id对应的网站域名，添加对应的网站地址，个人测试...

6836 0 1

web 谷歌登录

修复pinia使用setup语法导致$reset报错

木灵鱼儿 2年前 vue 项目实战

修复pinia使用setup语法导致$reset报错

前言在pinia中使用setup语法是非常舒服的一件事情，但是也会有一些坑点，其中就是当我们使用store.$reset()进行重置的时候会发生报错：Store "xxxx" is built using the setup syntax and does not implement $reset()意思是$reset并没有实现，我们需要自己手动实现这个。教程解决办法我是从stackoverflow看到的，这里放出出处：《Pinia: $reset alternative when using setup syntax》我们需要创建一个插件去实现这个功能：stores...

3709 20 0

pinia setup $reset

ts封装websocket，支持失败重连、心跳、事件订阅

木灵鱼儿 2年前 TypeScript

ts封装websocket，支持失败重连、心跳、事件订阅

前言一直很想体验下websocket，苦于一直没有机会，乘着这次优化，封装了一个原生的websocket处理类，本来是想用Socket.io的，但是它只能和它配套的server端使用，对于一些非封装的服务端，没法直接使用，于是只能自己封装了。功能：支持失败重连支持心跳支持重新初始化事件订阅ts愉悦的类型推断，传入事件名和回调函数，能自动推断出结果类型支持手动断卡，重新初始化即可重新连接为什么需要重新初始化，因为我们的spa项目中，用户退出登录需要断开socket连接，用户登录后又需要重新连接，所以重新初始化承接的是切换用户重连的功能。事件订阅是由于socket传递消息全靠原生的onmes...

6115 52 13

websocket 失败重连心跳

ts中any、unknown、never类型的使用

木灵鱼儿 2年前 TypeScript

ts中any、unknown、never类型的使用

any类型在ts中我们只有有很多类型，比如：string、number、boolean等等，那么any这个类型怎么去理解呢？我们可以将其看做是一个超级类型集合，下面举个例子：type A = string; type B = number; type C = string | number; type D = string | number | boolean;可以看到，C和D里面都包含了string和number，那么他们都可以包含类型A和类型B，而any类型则是一个包含都有类型的一个集合。因为包含了所有，所以它可以很自由的去使用，从某种角度来看，any就是告诉ts，不需要来检测我...

2031 0 0

any unknown never

木灵鱼儿

Nestjs prisma实现软删除硬删除

Nestjs 序列化响应数据（返回给前端的数据处理方式）

Nestjs 搞明白全局注册的两种方式的区别

Nestjs 格式化接口响应的数据结构

Nesjt配置全局路由前缀实现接口区分

Nestjs 配置ts的路径别名

Nestjs 通过拦截器上传文件和windows文件地址转换处理以及上传文件资源访问

Nestjs 预设的错误类大全

Nestjs 实现passport策略jwt鉴权（全局鉴权和白名单）

Nestjs 使用@nestjs/jwt来生成token

Nestjs使用crypto-js对密码实现保护

Nestjs使用class-validator实现数据库字段校验，是否存在

Nestjs使用class-validator实现二次密码校验

Nestjs cli命令 help

Nestjs DTO与管道校验、异常过滤器

Nestjs中依赖注入初级了解（装饰器）

Nestjs与Prisma多环境变量文件解决方案

git 将本地git仓库关联到远程仓库

约束项目中的包管理为指定包管理器

git 将a分支的内容强制替换b分支，使其完全相同

vite+vue3 代替require()的hooks

简单的对接web版谷歌登录

修复pinia使用setup语法导致$reset报错

ts封装websocket，支持失败重连、心跳、事件订阅

ts中any、unknown、never类型的使用

最近评论

博客文章RSS订阅

博客评论RSS订阅