Wasp全栈 Web 框架

Wasp (Web Application Specification) 是类似 Rails 的全栈 Web 框架，使用了 React, Node.js 和 Prisma，通过自带的 CLI 工具即可应用程序部署到任何平台。

优点：

• 快速入门：你可以从头开始创建和部署生产就绪的 Web 应用程序，只需几行简洁、一致的声明性代码。
• No boilerplate：通过抽象出复杂的全栈功能，boilerplate code 更少。这意味着需要维护和理解的代码更少，也意味着更容易升级。
• No lock-in：你可以在任何喜欢的地方部署 Wasp 应用程序。没有锁定到特定的 providers，你可以完全控制代码（如果你有兴趣，可以在 .wasp/ 目录中检查它）。

特性：

• 全栈认证：使用强大的 UI 助手在几行代码中添加社交提供商的登录名或电子邮件。没有第三方供应商锁定。
• RPC (Client <-> Server)：Wasp 提供了一个类型安全的 RPC 层，可以立即将你的数据模型和服务器逻辑传输到客户端。
• 简单部署：将你的应用程序部署到任何平台。Wasp 为最流行的选项提供 CLI 助手。
• Jobs：轻松定义、安排和运行专门的服务器任务。持久的、可重试的、可延迟的。
• 电子邮件发送：你要做的就是连接电子邮件供应商，然后就可以发送电子邮件了。
• 全栈类型安全：完全支持 TypeScript 以及跨越整个堆栈的自动生成的类型。
• 以及自定义 API 路由、数据库播种、乐观更新、客户端自动缓存失效……

核心是 Wasp 编译器，它采用 Wasp 配置和你的 Javascript 代码并输出客户端应用程序、服务器应用程序和部署代码。

工作原理

示例代码

// file: main.wasp

app todoApp {
  title: "ToDo App",  // visible in the browser tab
  wasp: { version: "^0.10.0" },
  auth: { // full-stack auth out-of-the-box
    userEntity: User, methods: { email: {...} }
  }
}

route RootRoute { path: "/", to: MainPage }
page MainPage {
  authRequired: true, // Limit access to logged in users.
  component: import Main from "@client/Main.tsx" // Your React code.
}

query getTasks {
  fn: import { getTasks } from "@server/tasks.js", // Your Node.js code.
  entities: [Task] // Automatic cache invalidation.
}

entity Task {=psl  // Your Prisma data model.
    id          Int     @id @default(autoincrement())
    description String
    isDone      Boolean @default(false)
psl=}