如何使用 hapi.js 在同一台服务器上支持多个网站？

Question

假设我想在具有单个 IP 地址（即虚拟主机）的同一台服务器上托管我的 2 个网站（cats.com 和 dogs.com）。我想用 hapi.js 编写它们并将它们运行作为一个进程。

这些网站可能有重叠的路径，例如它们可能都有一个 /about 页面。

我如何用 hapi 实现这个？

Answer 1

使用 hapi 实现这一点的一个好方法是将不同的站点分开 plugins and using the vhost modifier when loading the plugin, ideally using Glue。

这是一个例子：

sites/dogs.js

exports.register = function (server, options, next) {

    // Put all your routes for the site in here

    server.route({
        method: 'GET',
        path: '/',
        handler: function (request, reply) {

            reply('Dogs homepage');
        }
    });

    next();
};

exports.register.attributes = { name: 'dogs' };

sites/cats.js

exports.register = function (server, options, next) {

    // Put all your routes for the site in here

    server.route({
        method: 'GET',
        path: '/',
        handler: function (request, reply) {

            reply('Cats homepage');
        }
    });

    next();
};

exports.register.attributes = { name: 'cats' };

index.js

const Glue = require('glue');
const Hoek = require('hoek');

const manifest = {
    connections: [{
        port: 4000,
    }],
    registrations: [
        {
            plugin: {
                register: './sites/cats'
            },
            options: {
                routes: {
                    vhost: 'cats.com'
                }
            }
        },
        {
            plugin: {
                register: './sites/dogs'
            },
            options: {
                routes: {
                    vhost: 'dogs.com'
                }
            }
        }
    ]
};

const options = {
    relativeTo: __dirname
};

Glue.compose(manifest, options, (err, server) => {

    Hoek.assert(!err, err);
    server.start((err) => {

        Hoek.assert(!err, err);
        console.log('server started');
    });
});

然后您可以使用几个 cURL 命令确认路由是否正常工作：

$ curl -H "Host: cats.com" localhost:4000/
Cats homepage

$ curl -H "Host: dogs.com" localhost:4000/
Dogs homepage

浏览器将为您设置主机 header，因此当您浏览 http://cats.com or http://dogs.com 时，hapi 将为您提供正确的内容（前提是您的 DNS 配置正确）。

Answer 2

如果您使用的是 >= 17 的 Hapi 版本，细节会略有变化，但思路是一样的。

我们希望每个站点都有一个插件。然后，一旦我们将每个站点提取到插件中（下面的 cats 和 dogs），我们就可以使用 glue 组合单独的配置并使用 hapi 为站点提供服务。

在下面的示例中，插件将不知道或不关心它们在哪个域上提供服务。

代码

猫插件

这是要与 cats.com 一起使用的 "server"。它 returns 根路径 / 处的文本 Hello Cats!。在现实生活中它会做一些更有用的事情，并且在一个真实的项目中你可能会有更多的路由和处理程序，但这个想法保持不变。

// ./sites/cats.js
exports.plugin = {
  name: 'cats',
  version: '1.0.0',
  register: async function(server, options) {
    server.route({
      method: 'GET',
      path: '/',
      handler: (request, h) => {
        return 'Hello Cats!'
      }
    })
  }
}

狗狗插件

这是出现在 dogs.com 的内容的服务器。它与 cats 插件完全相同，除了 returns 文本 Hello Dogs!。同样，这不是一个有用的插件，仅供参考。

// ./sites/dogs.js
exports.plugin = {
  name: 'dogs',
  version: '1.0.0',
  register: async function(server, options) {
    server.route({
      method: 'GET',
      path: '/',
      handler: (request, h) => {
        return 'Hello Dogs!'
      }
    })
  }
}

主服务器

这是指定 vhost 的地方，将插件分配给主机 cats.com 和 dogs.com。

// ./server.js
const Hapi = require('hapi')
const Glue = require('glue')

const manifest = {
  server: {
    host: process.env.HOST || '0.0.0.0',
    port: process.env.PORT || 8080
  },
  register: {
    plugins: [
      {
        plugin: './sites/cats',
        routes: {
          vhost: 'cats.com'
        }
      },
      {
        plugin: './sites/dogs',
        routes: {
          vhost: 'dogs.com'
        }
      }
    ]
  }
}

const options = {
  relativeTo: __dirname
}

const startServer = async function () {
  try {
    const server = await Glue.compose(manifest, options)
    await server.start()
    console.log('Hapi days for Cats and for Dogs!')
  }
  catch (err) {
    console.error(err)
    process.exit(1)
  }
}

startServer()

结果

访问不同的版本

正在启动服务器

$ node server.js
Hapi days for Cats and for Dogs!

采样服务器输出

$ curl -H "Host: cats.com" localhost:8080/
Hello Cats!

$ curl -H "Host: dogs.com" localhost:8080/
Hello Dogs!

$ curl localhost:8080/
{"statusCode":404,"error":"Not Found","message":"Not Found"}

$ curl -H "Host: platypus.com" localhost:8080/
{"statusCode":404,"error":"Not Found","message":"Not Found"}

请注意，默认主机没有路由，因此不指定主机将导致返回 404。

如何使用 hapi.js 在同一台服务器上支持多个网站？

How do I support multiple websites on the same server with hapi.js?

javascript

node.js

virtualhost

hapijs

代码

猫插件

狗狗插件

主服务器

结果

访问不同的版本

正在启动服务器

采样服务器输出