什么是服务器端渲染？
在前后端分离的开发模式中，前端负责页面展示和交互，后端负责数据处理和业务逻辑。在这种模式下，前端页面的渲染通常是通过客户端渲染实现的，也就是将数据通过 API 接口传递到前端，由前端 JavaScript 代码进行渲染。
而服务器端渲染，简称SSR，是指在服务器端将前端代码进行渲染，生成 HTML 页面后再发送给客户端，客户端接收到的是已经渲染完成的 HTML 页面。相对于客户端渲染，服务器端渲染具有以下优点：
- SEO友好：搜索引擎能够更好的识别页面内容，提升页面在搜索结果中的排名；
- 更快的页面加载速度：客户端渲染需要等待外部 JS 文件的加载和执行，而 SSR 直接返回 HTML 页面，减少了页面加载时间；
- 更好的用户体验：即使在客户端 JS 出现问题或者关闭了 JS，也可以正常展示页面内容。
Deno 的 SSR 支持
Deno 是一个类似 Node.js 的运行时环境，它具有更高的安全性和更好的性能。而它的第三方库 DenoDom 中提供了服务器端渲染的支持，可以方便的在 Deno 中实现 SSR。
使用 DenoDom 的服务器端渲染，需要按照以下步骤进行：
步骤 1：安装 Deno 和 DenoDom
首先需要安装 Deno 运行时环境，可以在 Deno 的官网上下载安装包，也可以使用包管理器安装。启动 Deno 命令行，输入以下命令安装 DenoDom：
---- ------- -- ---------- ----------------------------------
步骤 2：编写 HTML 模板
在服务器端渲染中，需要编写一个 HTML 模板，用于展示页面内容。可以使用模板引擎，也可以直接编写原生 HTML。
--------- ----- ----- ---------- ------ ----- ---------------- ------------------------ ------- ------ ---------- -------- ------ ------- -------
模板中可以使用模板引擎的语法，如变量，循环等。同时也可以使用原生 HTML。
步骤 3：编写服务器端代码
在 Deno 中，可以使用 HTTP 模块来创建一个 HTTP 服务器，并且使用 DenoDom 提供的函数对 HTML 模板进行渲染。
------ - -------------- - ---- ---------------------------------------
------ - -------------- - ---- -------------------------------------
----- ---- - -
--------- -----
----- ----------
------
----- ----------------
------------------------
-------
------
---------- -------- ------
-------
-------
--
----------------------- ----- ----- -- -
----- ----- - - ------ ------ ----- ----- ------ --
----- ------- - ----- -------------------- -------
------ --- ------------------
---
通过 renderToString 函数，可以传递模板和渲染数据，生成渲染好的 HTML 页面。将返回的 HTML 页面作为 HTTP 响应内容返回给客户端。
步骤 4：运行代码
启动服务器端代码，访问 http://localhost:8000 即可看到渲染好的页面。
总结
使用 DenoDom 可以轻松实现服务器端渲染。相对于客户端渲染，服务器端渲染具有更好的 SEO 友好性和用户体验。同时，Deno 的安全性和性能也可以保证 SSR 在更高的水平上运行。
参考代码：
------ - -------------- - ---- ---------------------------------------
------ - -------------- - ---- -------------------------------------
----- ---- - -
--------- -----
----- ----------
------
----- ----------------
------------------------
-------
------
---------- -------- ------
-------
-------
--
----------------------- ----- ----- -- -
----- ----- - - ------ ------ ----- ----- ------ --
----- ------- - ----- -------------------- -------
------ --- ------------------
---来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6483e8dd48841e98943207f7