简介
Deno 是一个基于 V8 引擎的 JavaScript 和 TypeScript 运行时环境，它解决了 Node.js 中存在的一些问题。它包含一个更安全的默认环境，没有 npm 的全局安装，仅接受标准的 ES 模块等等。Oak 是一个基于 Deno 的 HTTP 框架，用于构建 Web 服务器和 API 。
本文将介绍如何使用 Deno 和 Oak 框架创建一个简单的 Web 应用程序。
准备工作
在开始之前，需要先安装 Deno 运行时环境和 Oak 框架。可以从官方网站下载和安装。如果您想跟着本文的示例代码运行，还需要安装一些其他的依赖项。
Deno：https://deno.land/
Oak：https://oakserver.github.io/oak/
创建 Web 应用程序
首先，在您的项目文件夹中创建一个名为 app.js 的 JavaScript 文件。然后，将以下代码复制到该文件中：
------ - ----------- - ---- --------------------------------- ----- --- - --- -------------- ----- ---- - ----- ------------- -- - ----------------- - ------- ------ --- ------------------- -- ------- -- ---- ---------- ----- ------------ ---- ---
让我们一步一步解释一下这段代码：
import { Application } from "https://deno.land/x/oak/mod.ts";：导入 Oak 模块，以便在代码中使用框架。const app = new Application();：创建一个新的 Oak 应用程序实例。const port = 8000;：指定服务器将在哪个端口上监听客户端请求。app.use((ctx) => {ctx.response.body = "Hello, Oak!";});：处理 HTTP 请求的函数。这个函数会在任何路由执行之前运行，并且设置响应体中的消息。console.log(Server is running on port ${port});：当服务器成功监听端口时，输出指示运行的消息。await app.listen({ port });：在指定的端口上启动 web 服务器。
现在，保存文件，并在终端中使用以下命令启动服务器：
---- --- ----------- ------
--allow-net 选项是必需的，以启用服务器监听，否则会拒绝连接。
现在，如果在浏览器中输入 http://localhost:8000，将看到页面显示 "Hello, Oak!" 。
添加更多路由
现在，我们已经创建了一个简单的响应消息，但是我们想要向我们的服务器添加更多路由，以便可以使用 GET、POST 等 HTTP 请求方法处理不同的客户端请求。
首先，让我们创建两个新的路由：一个处理 GET 请求，另一个处理 POST 请求。将以下代码添加到您的 app.js 文件中：
------------- ----- ----- -- -
-- ------------------- --- ------ -
----------------- - ----- -- - --- ----------
- ---- -- ------------------- --- ------- -
----------------- - ----- -- - ---- ----------
- ---- -
----------------- - ----- -- --- - --- -- ---- ----------
-
----- -------
---
------------- -- -
----------------- - ----- -- --- ---- -------------
---这个代码块比之前稍微复杂一些，但是使用它添加路由非常简单。这个 app.use 函数是一个带有两个参数的中间件函数，它根据传入的请求方法 ctx.request.method 处理对应的路由。第二个参数是一个 next 函数，它保证该中间件将在前面的中间件成功运行时执行。
现在，保存并重新启动服务器。这次我们在浏览器中输入 http://localhost:8000，会看到 "This is not a GET or POST request." 。
接着，我们再在地址栏中输入 http://localhost:8000/ + GET 或 POST，将看到在相应的路由中输出不同的消息。
添加错误处理
在 Web 应用程序中，处理错误至关重要。Oak 提供一个 Application 类，可以方便地添加错误处理中间件以及异常捕获。
让我们添加一个自定义的错误处理中间件，用于处理在路由处理期间发生的所有错误。将以下代码添加到 app.js 文件中：
------------- ----- ----- -- -
--- -
----- -------
- ----- ----- -
------------------- - ---------- -- ----
----------------- - -
------ ------------
--
-
---
---------- -- -
----- --- ----------- -- -- ------- ---------
---上面的代码块中，“This is an example error.” 告诉我们，当访问 /error 路由时会发生一个错误。可以用 err.message 对象存储错误的信息。
在浏览器中，在访问 /error 路由时，将看到一个相应的错误消息，告诉我们 "This is an example error." 。
结论
现在，您已经了解了如何使用 Deno 和 Oak 框架创建一个 Web 应用程序。我们添加了一个简单的响应消息、添加了更多路由、添加了错误处理等等。希望这篇文章会对您有所帮助，不仅仅是了解如何使用 Deno 和 Oak 框架，还能为您带来更多想法和启示。如果需要更多帮助和支持，请访问 Deno 和 Oak 官网。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670421ded91dce0dc84d921c