Angular 4 Siteminder HTTP标头问题

Question

几个星期以来，我一直在努力将Siteminder身份验证与我的nodejs/角4 Web应用程序“集成”。

在服务器端（节点），我有：

app.get('*', function(req, res) {
  //read Siteminder headers
  if (authenticated) {
    res.sendFile(path.join(__dirname, 'dist/index.html'));
  }else{
    res.sendFile(path.join(__dirname, 'dist/accessDenied.html'));
  }          
}

Angular路由器处理其余的。

这适用于初始权限改造（检索数据的api和服务在不同的机器上，这只是一个前端/客户端应用程序）。

然而，现在用户想要角色，比如编辑/视图，我需要找到一种方法将这些角色从Siteminder标头传递给角前端来处理权限。我玩过拦截器，但运气不好，似乎只能处理从角应用程序内部创建的请求。我还尝试了一些关于Siteminder/node主题中提出的相关问题的建议 /angular但仍然没有运气。

我对节点/角度很陌生，谢谢你的耐心和帮助。

Answer 1

最后我自己找到了答案，在下面张贴了详细信息，以防有人感兴趣。决定使用Angular universal express引擎，如下示例所示。

本质上，它允许Angular在服务器端运行，在服务器端可以访问请求头，然后可以将它们注入到客户端使用。

在我的main.server.ts：

app.engine('html',  (_, options, callback) => {
    let engine = ngExpressEngine({
        bootstrap: ServerAppModule,
        providers: [ { provide: 'headers', useFactory: () => options.req.headers } ]
    });

    engine(_, options, callback)
});

app.set('view engine', 'html');
app.set('views', 'dist');

app.use('/', express.static('dist', {index: false}));

ROUTES.forEach(route => {
  app.get(route, (req, res) => {

    console.log('Yaaay Siteminder headers:');
    console.dir(req.headers);

    res.render('index', {
      req: req,
      res: res
    });
  });
});

然后在我的应用程序中。组成部分ts：

export class AppComponent implements OnInit {

     constructor(private cache: TransferState, private injector: Injector, @Inject(PLATFORM_ID) private platformId: Object) {}

    ngOnInit() {
        if (isPlatformServer(this.platformId)) 
       {                
          this.cache.set('user_role', this.injector.get('headers').sm_role);                
        }
    }  

}

之后，我可以在我的任何组件中注入私有缓存：TransferState，并且可以在任何地方使用头，以进行微调访问。

等等瞧。