2

我的 sql server 上安装了一个登录授权模块。

该模块是从我的 wwwroot 目录中的 web.config 文件触发的。

  <modules>
      <add name="PingAccessModule"/>
    </modules>

在正常使用情况下

我连接到我的网站www.connecttosite.com -> 模块拦截请求并将用户登录 -> 验证请求然后将额外的 http 标头发送到我的 Web api，我可以在其中读取这些额外的标头并获取用户信息。

问题是这需要我创建一个额外的 asp.net web api 项目，该项目与我的 angular 应用程序存在于同一目录中。

我想知道是否有一种仅使用角度的方法，我可以连接到网站-> 角度以某种方式拨打电话-> 模块拦截呼叫-> 将额外信息附加到响应标头，我可以在角度看到此标头而不必完全使用 web api 吗？

我可以使用 Angular 作为 web api 吗？

编辑：

因此，如果我想创建自己的标题但登录模块将用户信息附加到标题，则当前答案有效。

请看下面的照片：

在此处输入图像描述

  1. 授权是堆栈中的第一个调用（以绿色圈出）。这是拦截对网站的请求并登录用户的模块。

  2. 红色箭头是对 Angular 网站的实际调用。然后你可以看到正常的角度模块（main.js、env.js、polyfills 等）加载之后。

  3. 当对网站进行初始调用时，即使在角度加载所有模块之前，我需要的标头也将可用。角度负载时如何正确访问它们？

4

2 回答 2

1

尝试根据您的情况使用模拟 api。

这应该允许您使用 angular 作为 api 并从您的普通 angular 客户端调用它。

所以你会服务它并这样称呼它

this.http.get('http://localhost:3000/api/YourMethodToGetUserInformation');
于 2020-08-20T21:34:55.490 回答
0

是的，您可以通过使用HttpInterceptor来实现这一点。HttpInterceptors 允许您直接返回响应而不是将其发送到服务器，在将请求发送到服务器之前修改请求（URL、正文、标头等）和/或修改从服务器返回的响应。

例如，如果请求 url 匹配 /my/path，则以下拦截器返回响应而不进行服务器调用。它还修改了请求

import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpResponse, HttpHeaders } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';
import { map } from 'rxjs/operators';

@Injectable()
export class MyHttpInterceptor implements HttpInterceptor {

  public intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    if (req.url === '/my/path') {
      // If request matches a certain url, do not call server and return result from angular
      return of(new HttpResponse({
        body: '{x: 1, y: 2}',
        headers: new HttpHeaders({
          'Content-Type': 'application/json'
        }),
        status: 200,
      }));
    }
    if (req.url === '/my/other/path') {
      // if request matches a certain url, modify the request before sending it to the server
      req = req.clone({
        setHeaders: {
          'X-MY-CUSTOM-HEADER': 'value'
        },
      });
    }
    // Pass the request to the next interceptor, if there are none, then the server is called.
    const result = next.handle(req);
    return result.pipe(
      map((response) => {
        // modify response from server here
        return response;
      }),
    );
  }
}

要使用拦截器，请通过提供 HTTP_INTERCEPTORS 将其添加到应用程序模块中，如下所示：

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
  ],
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: MyHttpInterceptor, multi: true},
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
于 2020-08-16T19:39:25.307 回答