如何通过SSO将标头变量传递给我的angular 2应用程序？

Question

I am new to Angular 2 + NodeJS. I come from .NET. In .NET, I know you would just get the request object and pull the server variables out but in angular 2 it seems you have to some how get the request and pull the header variables out.

My company has its own SSO, I need to get the header variables it adds before coming to my application.

How do I get the header variables that are passed to my application? Is there a standard way to get it in Angular 2?

When I was trying to research it myself all I kept getting a lot of "set header" situations

Answer 1

I am thinking of an alternative solution for you. See my graph.

Since you mentioned .NET, use MVC here. https://www.asp.net/mvc In controller, you can do something like this:

    public ActionResult SsoMiddleware()
    {
        string[] keys = Request.Headers.AllKeys;
        string authString = "";
        foreach (var key in keys)
        {
            if (key == "SSO Authentication String")
                authString = Request.Headers[key];
        }

        return View(authString);
    }

In your view SsoMiddleware.cshtml, add Javascript:

    @model string

    ...

    <script type="text/javascript">
        localStorage.setItem('auth-string', '@(Model)');
        window.location.href = 'angular-app.html';
    </script>

Answer 2

You cannot directly get the headers from the client side.

What you can do is create a path in your application that only gets the headers from the request and pass them back to the client from the server, assuming your application has the headers on any of the pages you have.

    app.get('/getVariable', function (req, res) {
  if (req.headers && req.headers.variablename) {
    res.status(200);
    res.send({
      name: req.headers.variablename
    });
  } else {
    res.status(404);
    res.send({
      status: 404,
      message: 'Headers not found'
    })
  }
})