如何在 Fastify 中渲染模板？

推荐答案

在 Fastify 中渲染模板可以通过使用 fastify-view 插件来实现。以下是一个简单的示例，展示如何使用 fastify-view 渲染模板：

// www.javascriptcn.com code example
const fastify = require('fastify')({ logger: true });

// 注册 fastify-view 插件
fastify.register(require('@fastify/view'), {
  engine: {
    ejs: require('ejs')
  }
});

// 定义路由并渲染模板
fastify.get('/', (req, reply) => {
  reply.view('/templates/index.ejs', { title: 'Fastify Template Rendering' });
});

// 启动服务器
fastify.listen({ port: 3000 }, (err) => {
  if (err) {
    fastify.log.error(err);
    process.exit(1);
  }
});

在这个示例中，我们使用了 ejs 作为模板引擎，并通过 reply.view() 方法来渲染模板。

本题详细解读

1. 安装依赖

首先，你需要安装 fastify-view 插件以及你选择的模板引擎。例如，如果你选择使用 ejs 作为模板引擎，可以通过以下命令安装：

npm install @fastify/view ejs

2. 注册插件

在 Fastify 应用中，你需要注册 fastify-view 插件，并指定你想要使用的模板引擎。在上面的示例中，我们使用了 ejs 作为模板引擎。

fastify.register(require('@fastify/view'), {
  engine: {
    ejs: require('ejs')
  }
});

3. 定义模板文件

在项目中创建一个模板文件，例如 index.ejs，并将其放在 /templates 目录下。模板文件的内容可以是：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><%= title %></title>
</head>
<body>
  <h1>Welcome to Fastify Template Rendering</h1>
</body>
</html>

4. 渲染模板

在路由处理函数中，使用 reply.view() 方法来渲染模板。你可以传递模板文件的路径以及需要传递给模板的数据。

fastify.get('/', (req, reply) => {
  reply.view('/templates/index.ejs', { title: 'Fastify Template Rendering' });
});

5. 启动服务器

最后，启动 Fastify 服务器并监听指定的端口。

fastify.listen({ port: 3000 }, (err) => {
  if (err) {
    fastify.log.error(err);
    process.exit(1);
  }
});

通过以上步骤，你可以在 Fastify 中成功渲染模板。