简介
最近，Node.js 开发社区的另一项替代品——Deno，在开发者之间引起了很大的反响。在 Deno 上面，我们可以使用开发 Web 应用程序的各种工具和框架。其中，Oak 是一个非常流行的 Web 框架，它提供了一个基于中间件的架构，用于构建可扩展的 Web 应用程序。
在这篇文章中，我们将深入探索 Oak 这个框架，了解它的工作原理以及如何使用它来构建 Web 应用程序。
安装 Oak
使用 Oak 框架来创建 Web 应用程序，并不需要安装额外的插件，也不需要下载额外的依赖。所有必需的工具和软件都已经集成在 Deno 运行时环境中。因此，在使用 Oak 之前，你需要先安装 Deno。
curl -fsSL https://deno.land/x/install/install.sh | sh
Deno 安装成功后，你可以使用以下命令来安装 Oak 框架：
deno install --allow-net --allow-read https://deno.land/x/oak/mod.ts
构建一个简单的 Web 应用程序
让我们来构建一个简单的 Web 应用程序，以便了解 Oak 的工作原理。创建文件 app.js，然后在其中添加以下代码：
-- -------------------- ---- ------- ------ - ----------- - ---- --------------------------------- ----- --- - --- -------------- ------------- -- - ----------------- - ------- ------ --- ----- ------------ ----- ---- ---
这是一个非常基本的应用程序。我们导入了 Oak 的 Application 类，实例化了一个 app 对象，并创建了一个中间件。其中，中间件使用箭头函数来为响应对象（response）设置了一个文本类型的消息。这里设置的消息是 "Hello, Oak!" 。
最后，我们将应用程序绑定到 8000 端口上，然后启动我们的 Web 服务器。
deno run --allow-net app.js
然后，打开浏览器，在地址栏中输入 http://localhost:8000，你将会看到一个文本消息，内容为 "Hello, Oak!"。
这就是使用 Oak 框架创建 Web 应用程序的过程。
Oak 框架的核心概念
在我们深入探讨 Oak 框架的功能之前，让我们来了解一下几个 Oak 框架的核心概念。
Application
应用程序是 Oak 框架的核心对象。它相当于一个容器，负责处理 HTTP 请求和响应。
import { Application } from "oak/mod.ts";
const app = new Application();在上面的代码中，我们使用 Oak 的 Application 类来创建一个应用程序。然后，我们实例化了一个 app 对象。
Context
Context 是 Oak 框架的另一个核心对象。它在处理每个请求时自动创建。
在 Oak 中，Context 是一个对象，它通过 Request（请求）和 Response（响应）参数传递。
const app = new Application();
app.use((ctx) => {
ctx.response.body = "Hello, Oak!";
});在上面的代码中，我们在应用程序中使用了 Middleware（中间件）来处理 Context 对象。
Middleware
Middleware 是 Oak 框架中最重要的概念之一。它是处理 HTTP 请求和响应的机制。
Oak 的 Middleware 采用洋葱模型。洋葱模型是指，Middleware 在 Context 对象的前面和后面添加层，以便处理 HTTP 请求和响应。
在 Oak 中，Middleware 是一个函数，它采用 Context 对象作为参数，然后将其转发给下一个 Middleware。
-- -------------------- ---- ------- ----- --- - --- -------------- ------------- ----- ----- -- - ---------------------- ----- ------- -- ------ ---------- --------------------- --- ------------- -- - ----------------- - ------- ------ --- ----- ------------ ----- ---- ---
在上面的代码中，我们先打印 "Before"，然后使用 next() 呼叫下一个中间件（ app.use((ctx) => { ctx.response.body = "Hello, Oak!"; }); ） 。
接下来，我们将再次打印 "After"。
Router
Router 是另一个常用的概念。它可以根据 HTTP 的请求方法和 URL，将请求路由到正确的处理函数。
下面是使用 Oak 框架创建基本路由的示例代码。
-- -------------------- ---- ------- ------ - ------------ ------ - ---- ------------- ----- --- - --- -------------- ----- ------ - --- --------- --------------- ----- -- - ----------------- - ------- ------ --- -------------------- ----- -- - ----------------- - ------ ------ --- ------------------------- --------------------------------- ----- ------------ ----- ---- ---
在上面的代码中，我们使用 Oak 的 Router 类创建了一个名为 router 的路由器对象。路由器对 "/" 和 "/about" 分别定义了处理函数。
最后，我们使用 app.use(router.routes()) 和 app.use(router.allowedMethods()) 将路由器绑定到应用程序上。
在 Oak 中使用中间件
使用 Oak 框架的一个关键点，就是中间件。在中间件中，我们可以处理 HTTP 请求和响应，并在不同的 Middleware 中调用下一个 Middleware。
让我们看一个简单的中间件示例。我们实现一个 Middleware，用于记录访问 URL 及其响应时间。
const timingMiddleware = async (ctx, next) => {
console.time("timing");
await next();
console.timeEnd("timing");
console.log(`Access ${ctx.request.url}: ${ctx.response.status} ${ctx.response.type}`);
};在上面的代码中，我们使用了 console.time() 和 console.timeEnd() 函数来记录时间。然后，我们打印出请求 URL 和响应状态。
使用以下代码将中间件应用于路由器：
-- -------------------- ---- ------- ----- --- - --- -------------- ----- ------ - --- --------- --------------- ----- -- - ----------------- - ------- ------ --- -------------------------- ------------------------- --------------------------------- ----- ------------ ----- ---- ---
结论
在这篇文章中，我们深入探讨了 Oak 框架。我们了解了它的核心概念（应用程序、Context、Middleware、Router），并构建了一个简单的 Web 应用程序。
我们还看到了如何在 Oak 中使用 Middleware，以及如何使用 Router 来实现基本的路由。
Oak 是一个灵活的 Web 框架，具有优秀的响应性能和可扩展性。希望本篇文章能够帮助你深入了解 Oak 框架，并指导你在实际项目中使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67024b78d91dce0dc8470502