Deno 如何实现服务器端渲染？-JavaScript中文网-JavaScript教程资源分享门户

Deno 是一个现代化的 TypeScript 运行时环境，它内置了安全性功能和标准库，能够轻松管理依赖。相比于 Node.js，Deno 更加安全，在不需要安装外部依赖的情况下，支持 TypeScript 和 ES modules，完美地解决了 JavaScript 项目开发中常见的问题。在服务器端渲染方面，Deno 同样具有很大的优势，接下来将重点介绍 Deno 如何实现服务器端渲染。

什么是服务器端渲染？

通常来说，渲染是指将一些数据转化为 HTML，使其变得可视化，这个过程通常是由浏览器负责的。而当网站有大量的数据需求，或者需要引入一些外部资源时就需要进行服务器端渲染。服务器端渲染的主要作用是帮助开发人员将 HTML 代码在服务器端生成，最后再发送到客户端中。

服务器端渲染具有以下优点：

更好的 SEO：当使用服务器端渲染的时候，搜索引擎爬虫可以更好地识别页面上的内容，从而提高排名。
更快的性能：在客户端和浏览器之间往返通信的速度会降低性能。通过使用服务器端渲染，可以降低客户端和服务器之间的通信，从而提高性能。
更易于维护：通过服务器端渲染，无需在客户端中装载大量的 JavaScript，使得代码更易于维护，而且客户端上的代码更简洁、更快。

Deno 服务器端渲染的实现

要实现 Deno 的服务器端渲染，我们需要用到三个关键技术：

Deno 监听 HTTP 请求
使用 Deno 来处理模板引擎
在服务器端进行渲染

Deno 监听 HTTP 请求

Deno 内置了一个名为 "http" 的模块，该模块可以监听并处理 HTTP 请求。该模块有两个核心类：ServerRequest 和 ServerResponse。

ServerRequest 负责处理请求和读取请求的 body 常规数据，而 ServerResponse 则负责发送响应和处理响应数据。下面是一个例子，演示了如何在 Deno 中监听 HTTP 请求：

import { serve } from "http";

const server = serve({ port: 8000 });
console.log(`Listening on http://localhost:8000/`);

for await (const req of server) {
  req.respond({ body: "Hello World\n" });
}

使用 Deno 来处理模板引擎

现在让我们来看一下如何使用 Deno 的模板引擎来实现服务器端渲染。在 Deno 中，有一个名为 "oak" 的中间件库，可以用来处理 Node.js 风格的中间件功能，包括路由、错误处理、静态资源等。在此基础上，我们可以使用第三方应用程序，如 "pug" 或 "handlebars" 等模板引擎来生成 HTML，这也是 Deno 实现服务器端渲染的一个重要功能。

这里以 "pug" 为例，演示如何使用 Deno 来处理模板引擎。

首先我们需要从中间件库中导入 Pug：

import { oak } from "https://deno.land/x/oak/mod.ts";
import { renderFile } from "https://deno.land/x/dejs/dejs.ts";

然后，我们可以在路由中使用以下代码段来处理 Pug 模板：

router.get("/", async (ctx) => {
    ctx.response.body = await renderFile("./views/file.pug", { name: 'foo' });
    ctx.response.type = "text/html";
  }
);

上面是一个简单的例子，使用 "views/file.pug" 作为模板，并将 name: 'foo' 传递给模板，最后返回生成的 HTML。当我们在浏览器中访问路由时，将会看到相应的 HTML 内容。

在服务器端进行渲染

最后，我们需要在服务器端使用模板引擎进行渲染。和上面的 Pug 模板类似，我们可以使用以下代码来在服务器端生成并返回 HTML：

const html = await renderFile("./file.pug", { name: 'foo' });
res.setHeader('Content-Type', 'text/html');
res.write(html);
res.end();

注意这里使用的 Deno 的 "fs" 模块，用来读取模板文件。这样做的优点是可以使用我们喜欢的模板引擎生成 HTML，然后吐回到网络中。

总结

Deno 与 Node.js 相比，拥有更多的安全功能和管理依赖的优点，以及无需使用外部依赖即可运行 TypeScript 和 ES modules 的优势。在服务器端渲染方面，Deno 同样能够胜任，我们可以使用 Deno 的 HTTP 模块监听请求、使用中间件库处理模板引擎并在服务器端进行渲染。当然，在实际应用中，我们需要根据需求灵活选用相应的技术。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/64f9a109f6b2d6eab31192cc