大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发，您的支持是我不断创作的动力。

今天给大家带来的主题是 Prisma 5发布，话不多说，直接进入正题！

1.什么是 Prisma

要介绍 Prisma 之前就不得不提到 ORM。

对象关系映射（Object Relational Mapping，简称 ORM，或 O/RM，或 O/R mapping）是一种程序技术，用于实现面向对象编程语言里不同类型系统的数据之间的转换 。从效果上说，它其实是创建了一个可在编程语言里使用的“虚拟对象数据库”。

面向对象是从软件工程基本原则（如耦合、聚合、封装）的基础上发展起来的，而关系数据库则是从数学理论发展而来的，两套理论存在显著的区别。为了解决这个不匹配的现象，对象关系映射技术应运而生。

而本文的主角 Prisma 是 Node.js 和 TypeScript 的下一代 ORM ，用于：PostgreSQL、MySQL、MariaDB、SQL Server、SQLite、MongoDB 和 CockroachDB 等等。

Prisma 由以下工具组成：

• Prisma Client：针对 Node.js 和 TypeScript 自动生成且类型安全的查询构建器
• Prisma Migrate：声明式数据建模和迁移系统
• Prisma Studio：用于查看和编辑数据库中数据的 GUI
• Prisma Client ：可在任何 Node.js 或 TypeScript 后端应用程序（包括无服务器应用程序和微服务）中使用，比如：REST API、GraphQL API、gRPC API 或任何其他需要数据库的 API。

Prisma 还支持与各种框架集成使用，比如：Next.js 、GraphQL、Apollo、Nestjs、Express、hapi 等等。目前 Prisma 在 Github 上通过 MIT 协议开源，有超过 32.8k 的 star、1.3k 的 fork、代码贡献者 210+，妥妥的前端优质开源项目。

2.Prisma 的工作原理

2.1 Prisma 架构

每个使用 Prisma 工具包中的工具的项目都以 Prisma 架构文件开始。 Prisma 架构允许开发人员以直观的数据建模语言定义其应用程序模型。 它还包含与数据库的连接并定义了一个生成器：

// Data source
datasource db {
  provider = "postgresql"
  url      = env("DATABASE_URL")
}
// Generator
generator client {
  provider = "prisma-client-js"
}
// Data model
model Post {
  id        Int     @id @default(autoincrement())
  title     String
  content   String?
  published Boolean @default(false)
  author    User?   @relation(fields:  [authorId], references: [id])
  authorId  Int?
}

model User {
  id    Int     @id @default(autoincrement())
  email String  @unique
  name  String?
  posts Post[]
}

上面的代码配置了三件事：

• 数据源：指定数据库连接（通过环境变量）
• Generator：表示要生成 Prisma Client
• 数据模型：定义应用程序模型

2.2 Prisma 数据模型

模型的功能

数据模型是模型的集合， 模型有两个主要功能：

• 代表底层数据库中的一张表
• 为 Prisma Client API 中的查询提供基础

获取数据模型

将数据模型“获取”到 Prisma 架构中有两个主要工作流程：

• 通过内省数据库生成数据模型
• 手动编写数据模型并使用 Prisma Migrate 将其映射到数据库
• 定义数据模型后，开发者可以生成 Prisma 客户端，它将公开 CRUD 和对定义的模型的更多查询。 如果使用 TypeScript，将获得所有查询的完整类型安全性（即使仅检索模型字段的子集）。

2.3 使用 Prisma 客户端访问数据库

安装 Prisma Client

使用 Prisma Client 的第一步是安装其 npm 包：

npm install @prisma/client

请注意，此软件包的安装会调用 prismagenerate 命令，该命令会读取 Prisma 架构并生成 Prisma 客户端代码。 代码将位于
node_modules/.prisma/client，由 node_modules/@prisma/client/index.d.ts 导出。

更改数据模型后，需要手动重新生成 Prisma Client 以确保
node_modules/.prisma/client 内的代码得到更新：

npx prisma generate

使用 Prisma 客户端向数据库发送查询

生成 Prisma 客户端后，开发者可以将其导入代码中并向数据库发送查询。

可以按如下方式导入并实例化 Prisma Client：

import { PrismaClient } from "@prisma/client";
const prisma = new PrismaClient();

现在可以开始通过生成的 Prisma 客户端 API 发送查询，以下是一些示例查询。 请注意，所有 Prisma 客户端查询都会返回普通的旧 JavaScript 对象。

下面示例从数据库中检索所有用户记录：

// Run inside `async` function
const allUsers = await prisma.user.findMany();

下面的例子在每个返回的 User 对象上包含帖子关系：

// Run inside `async` function
const allUsers = await prisma.user.findMany({
  include: { posts: true },
});

下面例子过滤所有包含“prisma”的帖子记录：

// Run inside `async` function
const filteredPosts = await prisma.post.findMany({
  where: {
    OR: [
      { title: { contains: "prisma" } },
      { content: { contains: "prisma" } },
    ],
  },
});

下面例子在同一查询中创建新用户和新帖子记录：

// Run inside `async` function
const user = await prisma.user.create({
  data: {
    name: "Alice",
    email: "alice@prisma.io",
    posts: {
      create: { title: "Join us for Prisma Day 2021" },
    },
  },
});

下面示例更新现有的帖子记录：

// Run inside `async` function
const post = await prisma.post.update({
  where: { id: 42 },
  data: { published: true },
});

请注意，使用 TypeScript 时，此查询的结果将是静态类型的，这样开发者就不会意外访问不存在的属性（并且在编译时捕获任何拼写错误）。

3.Prisma 5 新特性

3.1 启动性能优化

Prisma 5 引入了一些变化，使其速度显著加快。 这些变化改善了开发者在无服务器环境（Serverless Environments）中使用 Prisma 的体验，这要归功于 Prisma Client 在后台使用的新的、更高效的基于 JSON 的有线协议。数据显示，Prisma 将无服务器冷启动速度加快 9 倍以上。

第一张图表示改进之前的数据，即部署到具有相对较大 Prisma schema（具有 500 个模型）的 AWS Lambda 的应用程序的启动性能：

下图显示了进行性能改进后 Prisma 5 的性能：

从图上可以看到，Prisma 的启动性能有了显著的提升。

3.2 更高效的基于 JSON 的有线协议

在 Prisma 4.11.0 之前，Prisma 使用类似 GraphQL 的协议在 Prisma 客户端和查询引擎之间进行通信，从而带来了一些影响 Prisma Client 性能的怪癖，尤其是在无服务器环境中的冷启动场景。

在性能探索过程中，注意到当前的实现增加了相当大的 CPU 和内存开销，特别是对于较大的 Schema。 因此后续改成 JSON 并显著提高了 Prisma 客户端和查询引擎之间的通信效率。

下面是改进之前的数据：

下面是使用 jsonProtocol 之后的数据：

经过用户的大量反馈和广泛的测试后，jsonProtocol 现已基本可用，并且是 Prisma Client 在后台使用的默认有线协议。

3.3 更小的 JavaScript 运行时和优化的内部结构

除了更改协议之外，Prisma 5 还进行了许多其他影响 Prisma 性能的关键更改：

• 随着新的基于 JSON 的有线协议成为默认协议，Prisma 借此清理了 Prisma Client 的依赖项。 包括：将 Prisma Client 的依赖关系减半并删除以前的类似 GraphQL 的协议实现，从而减少了 Prisma 客户端的执行时间和内存占用量。
• 优化了查询引擎的内部结构，比如：负责在查询引擎启动时转换 Prisma schema 并建立数据库连接。 此外，在查询 Schema 中延迟生成许多类型名称的字符串，从而提高了 Prisma Client 的内存使用率，并显著提高了运行时性能。
• 此外，连接建立和 Prisma 架构转换现在并行进行，而不是像以前那样按顺序运行。

在进行这三项更改之前，启用 jsonProtocol Preview 功能后的图表如下所示：

进行这三项更改后，响应时间缩短了三分之二：

为了放大比较这些更改如何影响 Prisma Client，第一个图表显示了基于 JSON 的有线协议的影响：

下图显示了优化内部结构并减少 JavaScript 运行时大小后 Prisma Client 的性能：

4.本文总结

本文主要和大家聊聊 Prisma 5的发布，主要包括一系列新特性的引入。相信通过本文的阅读，大家对 Prisma 5会有一个初步的了解，同时也会有自己的看法。

因为篇幅有限，文章并没有过多展开，如果有兴趣，可以在我的主页继续阅读，同时文末的参考资料提供了大量优秀文档以供学习。最后，欢迎大家点赞、评论、转发、收藏！

参考资料

https://github.com/prisma/prisma

https://baike.baidu.com/item/ORM/3583252?fr=ge_ala

https://www.prisma.io/blog/prisma-5-f66prwkjx72s

https://prisma.yoga/getting-started/

https://saadh393.hashnode.dev/getting-started-with-prismajs