0

环境

我有一个使用 Angular2 构建的前端，它与使用 Slim PHP Framework v4 构建的 API 进行通信。

在 Angular 前端，用户可以在表单中输入文本并提交，然后从 API 接收响应。

Angular 项目向 URL 发出请求/api/{text}。

据我所知，无法访问通过例如/api?text={text}Slim v4 提供的参数，因此我无法使用 Angular 的HttpParams功能。出于这个原因，URL 直接传递给 Angular 的HttpClient。IE

let text = 'Some random text / with special characters \.';
let myObservable: Observable<MyResponseObject[]>;
myObservable = this.http.get<MyResponseObject[]>(
  'http://my.domain.name/api/' + text
).pipe(catchError(this.handleError));

问题

我已经读过某些字符被编码，然后在提交请求之前由 Angular 再次解码（即\, /, .）。因此，text上例中变量的值是无效的。

一种解决方案是手动创建一个正则表达式语句，并在提交请求之前使用它对字符串进行编码，然后在 API 中对字符串进行解码。

我想避免这种情况，所以我想知道以下两种情况之一是否可行：

  1. 如上所述，是否有任何 Javascript、Typescript 或 Angular 功能用于编码字符串以在 URI 中使用？

  2. 有什么方法可以访问?text={text}Slim 版本 4 中从 GET 请求中提供的格式参数的值？

编辑：

我还在 Angular 中使用自定义提供程序将身份验证令牌附加为格式的 URL 参数?auth=[my_token_here]。该令牌附加到 Angular 发送的每个请求。自定义提供程序使用以下代码附加参数：

intercept(req: HttpRequest<any>, next: HttpHandler) {
  return this.authService.user.pipe(take(1), exhaustMap(user => {
    if(!user) {
      return next.handle(req);
    }
    const modifiedReq = req.clone({
      params: new HttpParams().set('auth', user.token)
    });
    return next.handle(modifiedReq);
  }));
}

我已经研究出如何从 Slim API 中读取 'auth' 的值。但是，当我修改 get 请求以将text变量添加为参数时，参数永远不会提交，Slim API 仍然只能看到auth参数。修改后的代码如下：

myObservable = this.http.get<MyResponseObject[]>(
  'http://localhost:8080/ngrams/', {
  params: new HttpParams().set('text', text)
}).pipe(catchError(this.handleError));

所以这里没有错误，但是'text'参数永远不会附加到URL（当我提交请求时检查浏览器的网络选项卡时，我只能看到auth参数）。

我是 Angular 菜鸟，所以这个逻辑可能有缺陷，但上面的身份验证代码是从教程中复制的。我的想法是，也许new HttpParams()在身份验证提供程序中分配会覆盖我为获取请求设置的参数。

当我手动或使用 Postman 创建相同的请求时，我本地环境中的 URL 是，然后我可以使用该方法http://localhost:8080/api/?text=some text goes here成功检索参数。$req->getQueryParams()

4

2 回答 2

1

根据Slim 4 文档：

您可以使用请求对象将查询参数作为关联数组获取getQueryParams()。

这是一个例子：

$app->get('/api', function($request, $response, $args){
    $response->getBody()->write('<pre>' . print_r($request->getQueryParams(), 1) . '</pre>');
    return $response;
});

$app->run();

如果访问/api?text=special chars %3A%20 \ %2F %3F %25 %26 ^ %23结果是：

Array
(
    [text] => special chars :  \ / ? % & ^ #
)
于 2021-02-11T08:35:49.170 回答
0

根据 Nima 的回答，Slim API 在使用getQueryParams(). 问题是参数没有被首先发送。

问题是我的身份验证服务正在HttpParams为 http 请求分配一个新对象，它应该向现有参数集添加一个身份验证令牌。

通过更新问题中intercept()提到的方法解决了这个问题，以便将auth令牌附加到请求的现有params属性：

intercept(req: HttpRequest<any>, next: HttpHandler) {
  return this.authService.user.pipe(take(1), exhaustMap(user => {
    if(!user) {
      return next.handle(req);
    }
    const modifiedReq = req.clone({
      params: req.params.set('auth', user.token)
    });
    return next.handle(modifiedReq);
  }));
}
于 2021-02-11T09:13:20.903 回答