ElysiaJS 中文文档

Appearance

Our Sponsors
Open in Anthropic

title: 介绍 - Elysia 教程 layout: false search: false authors: [] head: - - meta - property: 'og:title' content: 介绍 - Elysia 教程

- - meta
  - name: 'description'
    content: Elysia 提供互动式教程体验，助您通过 IDE、在线游乐场等学习 Elysia。立即开始使用 Elysia 吧！

- - meta
  - property: 'og:description'
    content: Elysia 提供互动式教程体验，助您通过 IDE、在线游乐场等学习 Elysia。立即开始使用 Elysia 吧！

欢迎来到 Elysia ​

很高兴你能来到这里！这个在线游乐场将通过互动的方式帮助你开始使用 Elysia。

与传统后端框架不同，Elysia 也可以在浏览器中运行！尽管它不支持所有功能，但它是一个用于学习和实验的绝佳环境。

你可以通过点击左侧边栏的 查看API文档。

什么是 Elysia ​

Elysia 是一个为人类而设计的人性化框架。

好了，说认真的，Elysia 是一个专注于开发者体验和性能的后端 TypeScript 框架。

Elysia 与其他框架的不同之处在于：

  1. 卓越的性能，可与 Golang 相媲美。
  2. 卓越的 TypeScript 支持，具备类型健全性。
  3. 从零开始，围绕 OpenAPI 构建。
  4. 提供如同 tRPC 般的端到端类型安全。
  5. 使用 Web 标准，允许您在 Cloudflare Workers、Deno、Bun、Node.js 等任何地方运行您的代码。
  6. 当然，它首先是为人类而设计的。

尽管 Elysia 有一些重要的概念，但一旦掌握了要领，许多人会觉得它非常令人愉悦，并且直观易用。

如何使用这个在线游乐场 ​

在线游乐场分为 3 个部分：

  1. 左侧的文档和任务（您正在阅读的部分）。
  2. 右上角的代码编辑器
  3. 右下角的预览、输出和控制台

练习 ​

作为第一个练习，我们来修改代码，让服务器用 "你好 Elysia!" 来响应，而不是 "你好 世界!"。

请随意查看代码编辑器和预览部分，以熟悉这个环境。

  1. Return "Hello Elysia!"

    Modify the code to make the server respond with "Hello Elysia!" instead of "Hello World!".

Show answer

您可以通过将 .get 方法中的内容从 '你好 世界!' 更改为 '你好 Elysia!' 来改变响应。

typescript
import { Elysia } from 'elysia'

new Elysia()
	.get('/', 'Hello World!') 
	.get('/', 'Hello Elysia!') 
	.listen(3000)

这会使 Elysia 在您访问 / 时响应 "你好 Elysia!"。

  • index.ts