View engines, or template engines, allow you to maintain a clean separation between your presentation layer and the rest of your application. This post will demonstrate how to use the vision plugin with hapi to enable template support.

 

index.js

server.register(require('vision'), function(){        server.views({            engines: {                hbs: require('handlebars')            },            relativeTo: __dirname,            path: 'views'        });        server.route( {            method: 'GET',            path: '/user/{username?}',             handler: function ( request, reply ) {                var username = request.params.username ? request.params.username : "World";                reply.view('home', {username: username})            }        } );    });

home.hbs:

Hello, {
    {username}}!

 

 

view can also support layout, to do this, we only need to add :

server.views({            engines: {                hbs: require('handlebars')            },            relativeTo: __dirname,            path: 'views',            layout: true        });

layout.hbs:

    
              {
     {
     {content}}}

 

It will automaticlly wrap the content into the layout.hbs.