basic-authentication - 如何使用 gulp browser-sync 为 Web 服务器启用基本身份验证？

Question

我们的 Web 应用程序正在使用需要基本身份验证的 REST API。

我想像这样编写浏览器同步 gulp 任务:

gulp.task('browser-sync', function() {
    browserSync({
        server: {
            baseDir: './'
        },
        authenticate: 'authentication-token-here-djfhjsdfjsgdf'
    });
});

这可能如何配置？

Answer 1

您可以使用 middleware 轻松完成。处理每个请求的选项:

gulp.task('browser-sync', function() {
    browserSync({
        server: {
            baseDir: './'
        },
        middleware: [

            function(req, res, next) {
                const user = 'user';
                const pass = 'pass';
                let authorized = false;
                // See if authorization exist in the request and matches username/password
                if (req.headers.authorization) {
                    const credentials = new Buffer(req.headers.authorization.replace('Basic ', ''), 'base64').toString().split(/:(.*)/)
                      if (credentials[0] === user && credentials[1] === pass) {
                          authorized = true;
                      }
                }
                if (authorized) {
                    // Proceed to fulfill the request
                    next();
                } else {
                    // Authorization doesn't exist / doesn't match, send authorization request in the response header
                    res.writeHead(401, {'WWW-Authenticate': 'Basic realm="Authenticate"'})
                    res.end();
                }
            }

        ]
    });
});