Hapi + Swagger，如何渲染HTML？

Hapi是一个基于Node.js的开源框架，用于构建应用程序和服务。Swagger是一种用于设计、构建和文档化RESTful风格的Web服务的工具集。在Hapi中使用Swagger可以方便地定义API接口，并生成相应的文档。

要在Hapi中渲染HTML，可以使用视图引擎插件。Hapi支持多种视图引擎，包括Handlebars、EJS、Pug等。以下是使用Handlebars作为视图引擎的示例：

首先，安装hapi和handlebars模块：

npm install @hapi/hapi handlebars

在Hapi应用程序中注册视图引擎插件：

const Hapi = require('@hapi/hapi');
const Handlebars = require('handlebars');

const init = async () => {
    const server = Hapi.server({
        port: 3000,
        host: 'localhost'
    });

    await server.register(require('@hapi/vision'));

    server.views({
        engines: {
            html: Handlebars
        },
        relativeTo: __dirname,
        path: 'views'
    });

    // 定义路由和处理程序
    server.route({
        method: 'GET',
        path: '/',
        handler: (request, h) => {
            // 渲染index.html视图
            return h.view('index', { title: 'Hello, World!' });
        }
    });

    await server.start();
    console.log('Server running on %s', server.info.uri);
};

init();

在项目根目录下创建一个名为"views"的文件夹，并在其中创建一个名为"index.html"的Handlebars模板文件：

<!DOCTYPE html>
<html>
<head>
    <title>{{title}}</title>
</head>
<body>
    <h1>{{title}}</h1>
    <p>Welcome to Hapi + Swagger!</p>
</body>
</html>

以上代码中，我们使用server.views()方法注册了Handlebars作为HTML视图引擎，并指定了视图文件的路径。在路由处理程序中，使用h.view()方法渲染了名为"index"的视图，并传递了一个包含"title"属性的上下文对象。

这样，当访问根路径"/"时，Hapi将会渲染并返回index.html视图，其中的{{title}}将会被替换为"Hello, World!"。

推荐的腾讯云相关产品：腾讯云云服务器（ECS），详情请参考腾讯云云服务器产品介绍。

页面内容是否对你有帮助？

有帮助

没帮助

Hapi + Swagger，如何渲染HTML？

html、model-view-controller、swagger、hapijs

我按照这个文档创建了一个简单的swagger-hapi项目。在swagger.yaml中定义的API工作得很好。我想知道是否可以用request对象呈现HTML？

浏览 2提问于2017-08-09得票数 0

回答已采纳

3回答

我有一个正常工作的Hapi应用程序，我计划迁移到Swagger。我使用官方指令安装了，并在执行'swagger项目创建‘时选择了。这些方法似乎也有根本的不同，swagger-hapi以Swagger定义为输入并自动生成路由，而Hapi Swagger和Hapi Swagger似乎有相似的方法，只从普通的Hapi路由定义中生成Swagger考虑到贡献者的数量和下载的数量，<

浏览 2提问于2016-03-14得票数 20

1回答

hapi-swagger禁用了我的路线

javascript、node.js、hapi.js

/decorate': [{ 'select': ['api']}],} 一旦我

浏览 4提问于2015-12-21得票数 0

1回答

Swagger UI似乎不处理带有后置json正文的可选键。

node.js、swagger、swagger-ui、joi、hapi-swagger

套餐：joi: 13.0.2我将swagger-ui与hapi-swagger生成的swagger.json文件一起使用。我使用设置为hapi-swagger的jsonEditor选项true。这意味着我没有在单个文本区域中输入主体，而是直接使用UI生成的输入。实际上，Swagger-UI发送：--header 'Content-Type: ap

浏览 7提问于2018-01-03得票数 3

回答已采纳

1回答

用于REST服务器的Hapi.js文档生成器

javascript、node.js、swagger、swagger-ui、hapi.js

我正在寻找一个工具，它可以为Hapi.js路由生成静态文档，但不会创建对API服务器的依赖关系。hapi-swagger模块失败，因为它创建了对我的服务器的折叠依赖；如果不存在这样的工具，那么创建swagger ui静态文件文档的最佳选择是什么？

浏览 3提问于2015-06-03得票数 1

1回答

从hapi-js路由自动生成swagger.yaml

node.js、swagger、hapijs

该API使用hapi-swagger npm模块来生成API文档。我的问题是，如何生成这个swagger定义？我假设一定有某种方法可以从hapi-swagger中自动完成此操作，但我一直没有找到它。

浏览 3提问于2017-09-04得票数 4

3回答

无法注册hapi-swagger到hapi rest api最新版本17

node.js、rest、hapi.js、hapi-swagger

一年前，我使用以下版本的REST和hapi-swagger创建了一个hapi api。hapi: "8.5.1",对于注册hapi-swagger，我使用了以下注册选项： register: require('hapi-swagger'), options:

浏览 9提问于2017-11-22得票数 2

回答已采纳

1回答

hapi js api设计joi验证错误

mongodb、hapi.js

在用mongoose设计hapi时，面临的问题是如何设计嵌套模式的joi验证。我是新手，请帮忙处理错误。= require('hapi');var Joi = require('joi');regist

浏览 2提问于2018-01-31得票数 1

回答已采纳

1回答

将vue js内置于Node js和Hapi js项目中

node.js、vue.js、handlebars.js、hapijs、vision

我想知道如何使用hapi js在服务器上渲染vue项目。现在，我尝试渲染vuejs的构建索引，它加载时没有js和css文件，我不知道如何加载所有静态内容的文件。这就是我所尝试的： engines: { html: require('ha

浏览 18提问于2018-08-27得票数 0

2回答

Play Swagger UI url别名

scala、playframework、swagger、swagger-ui

我有Swagger UI for API文档，我使用了与相同的方法来访问它，我使用了next URL：或 GET /docs controllers.Assets.at(path:String="

浏览 7提问于2017-10-06得票数 4

回答已采纳

2回答

创建能够为复杂网页提供服务的HapiJs服务器

node.js、rest、hapijs

我刚刚开始学习Node.js和hapi.js。我现在正在尝试完成的是构建一个REST web服务器，该服务器也应该有一个用于配置和统计数据收集的web界面。然而，我不明白的是，是否有可能将hapi.js设置为一个完整的动态网页，其中包含css、js和其他引用的文件。我是不是走错了方向，或者我该如何设置我的场景？

浏览 4提问于2016-05-13得票数 0

2回答

如何将身份验证放在hapi-swagger文档页上，以便只有真正的用户才能看到我的文档。

node.js、authentication、swagger、basic-authentication、hapi.js

我正在使用hapi制作API，并实现了基本身份验证。但是，即使用户没有身份验证，他仍然可以查看我的文档页面。我想阻止他查看我的文档页面。如何在swagger文档页面上实现基本的auth？

浏览 3提问于2016-09-22得票数 3

2回答

Hapi js -如何向服务器发送请求以进行基本身份验证？

node.js、vue.js、authorization、backend、hapijs

此外，我使用的是hapi-auth-basic。现在，我想在服务器和前端之间建立一个连接，但现在，它只向我显示一个包含基本字段的提示窗口，并且我希望将身份验证过程嵌入到vue模板的登录表单中。await server.register([require('hapi-auth-basic'), require('inert')]); server.auth.strategy('simple'

浏览 0提问于2018-08-28得票数 1

1回答

与Hapi一起反应路由

reactjs、react-router-v4、hapijs、react-router-dom

我需要在create-react-app中使用Hapi，其中Hapi充当api请求的代理，并为React应用程序提供服务。}; 打开localhost:5000时，index.html问题：如何在Hapi中配置路由，以便React在呈现

浏览 41提问于2019-04-12得票数 0

回答已采纳

1回答

在Hapi.js的onPreResponse中切换JSON / View

javascript、json、hapijs

Let the response go as JSON // Send back html by populating json data into }}); 如何告诉HAPI使用视图进行渲

浏览 0提问于2016-03-08得票数 0

2回答

Rails中的Swagger* ui*

css、ruby-on-rails、api、swagger、swagger-ui

我安装了gem 'swagger-ui_rails' summary "Fetches all User itemsmade is not acceptable" response :requested_range_not_sa

浏览 0提问于2015-11-02得票数 2

2回答

Socket.IO与HapiJS的连接

node.js、rest、sockets、hapi.js、socket.io-1.0

我如何告诉套接字服务器向特定客户端发出事件，这应该从REST服务器执行？

浏览 0提问于2015-09-24得票数 4

回答已采纳

1回答

Java -如何直接从openapi 3.0规范生成Swagger* UI*

java、swagger、openapi、springfox

除了swagger ui的生成之外，一切都运行得很好。我使用spring-fox生成它，但它似乎是从控制器生成swagger UI2.0版本，这些控制器是从openapi规范生成的。如何直接从3.0规范生成swagger ui，而不是从控制器生成，后者是从3.0 openapi规范生成的？

浏览 29提问于2019-04-17得票数 8

回答已采纳

1回答

drf-yasg自定义SwaggerUIRenderer

django、drf-yasg、django-drf-renderer

我看到我可以用块extra_head、extra_styles、extra_body、extra_scripts来扩展drf_yasg/swagger-ui.html，如果需要的话，甚至可以覆盖其他块。我不清楚的是我如何指向我的扩展swagger-ui.html的模板。我从以下几点开始 template = 'api/custom-swagger-

浏览 3提问于2020-06-08得票数 3

1回答

对hapi.js敏感的iOS reply.file()与静态目录指令

ios、hapijs

我需要一些关于惰性hapi.js模块的帮助。我正在尝试用hapi.js渲染一个HTML5内联视频。如果我使用HAPI directory指令提供相同的文件。即，我更直接地请求文件。

浏览 0提问于2016-12-22得票数 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Hapi + Swagger，如何渲染HTML？

相关·内容

Hapi + Swagger，如何渲染HTML？

我该怎么用Swagger和Hapi？

hapi-swagger禁用了我的路线

Swagger UI似乎不处理带有后置json正文的可选键。

用于REST服务器的Hapi.js文档生成器

从hapi-js路由自动生成swagger.yaml

无法注册hapi-swagger到hapi rest api最新版本17

hapi js api设计joi验证错误

将vue js内置于Node js和Hapi js项目中

Play Swagger UI url别名

创建能够为复杂网页提供服务的HapiJs服务器

如何将身份验证放在hapi-swagger文档页上，以便只有真正的用户才能看到我的文档。

Hapi js -如何向服务器发送请求以进行基本身份验证？

与Hapi一起反应路由

在Hapi.js的onPreResponse中切换JSON / View

Rails中的Swagger* ui*

Socket.IO与HapiJS的连接

Java -如何直接从openapi 3.0规范生成Swagger* UI*

drf-yasg自定义SwaggerUIRenderer

对hapi.js敏感的iOS reply.file()与静态目录指令

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐