什么是 Wasp

Wasp（Web 應用程序規范）是一個類似 RAIls 的 React、Node.js 和 Prisma 框架，借助于該框架開發者可以快速構建應用程序并使用單個 CLI 命令進行應用部署。

Wasp 的典型優勢包括：

快速入門：由于其表現力，開發者可以使用很少的簡潔、一致的聲明性代碼從頭開始創建和部署一個生產就緒的 Web 應用程序。
無樣板代碼：通過抽象出復雜的全棧功能，可以減少樣板代碼。這意味著需要維護和理解的代碼更少，同時也更容易升級。
無鎖定：開發者可以在任何地方部署 Wasp 應用程序。沒有鎖定特定的提供者，可以完全控制代碼。

Wasp 的典型特征包括：

全棧身份驗證
? RPC（客戶端 <-> 服務器）
簡單部署
支持 Job，電子郵件發送，全棧類型安全等等

給定一個簡單的 .wasp 配置文件（描述 Web 應用程序的高級詳細信息）和 .js(x)/.css 等特定邏輯的源文件，Wasp 編譯器會生成 Web 應用程序的完整源代碼，包括：前端、后端和應用部署。這種獨特的方法使 Wasp 變得聰明并賦予了它獨特的超能力。

目前 Wasp 在 Github 上通過 MIT 協議開源，有超過 3.5k 的 star，是一個值得關注的前端開源項目。

如何使用 Wasp

通過簡單的 Wasp 配置文件，開發者可以用來描述 Web 應用程序的高級詳細信息：

// file: main.wasp
App todoApp {
  title: "ToDo App",
   // 在瀏覽器選項卡中可見
  wasp: { version: "^0.11.0" },
  auth: {
    // 開箱即用的全棧身份驗證
    userEntity: User, methods: { email: {...} }
  }
}
route RootRoute { path: "/", to: MainPage }
page MainPage {
  authRequired: true,
  // 限制對已登錄用戶的訪問。
  component: import Main from "@client/Main.tsx"
  // React組件
}
query getTasks {
  fn: import { getTasks } from "@server/tasks.js",
  //  Node.js 代碼
  entities: [Task]
  // 自動緩存失效
}
entity Task {=psl
// Prisma數據模型
    id          Int     @id @default(autoincrement())
    description String
    isDone      Boolean @default(false)
psl=}

在 React / Node.js / Prisma 中編寫的其余代碼只需從 .wasp 文件中引用即可。在 Wasp 配置中定義應用程序將自動獲得以下能力：