简介
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 服务器。
现在,保存文件,并在终端中使用以下命令启动服务器:
deno run --allow-net app.js
--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