如何使用 typescript/angular 正确构建 OAuth2 GET 请求？

Posted 2023-03-16

【中文标题】如何使用 typescript/angular 正确构建 OAuth2 GET 请求？

【英文标题】：How to properly construct a OAuth2 GET request using typescript/angular?

【发布时间】：2021-10-26 23:14:24

【问题描述】：

我有以下 GET 端点：

<a href="https://developer.api.autodesk.com/authentication/v1/authorize?response_type=code&client_id=obQDn8P0GanGFQha4ngKKVWcxwyvFAGE&redirect_uri=http%3A%2F%2Fsampleapp.com%2Foauth%2Fcallback%3Ffoo%3Dbar&scope=data:read">Click here to grant access to your data!</a>

href 包含以下内容：

https://developer.api.autodesk.com/authentication/v1/authorize 这是端点 URI

response_type=code

client_id=obQDn8P0GanGFQha4ngKKVWcxwyvFAGE 客户 ID。

redirect_uri=http%3A%2F%2Fsampleapp.com%2Foauth%2Fcallback%3Ffoo%3Dbar 这是 URL 编码的回调 URL

是否可以使用上述构造一个post请求并订阅返回值？

任何线索或参考将不胜感激

【参考方案1】：

我不建议离协议实现本身那么近，但要寻找一个可以帮助你的库。试试angular-auth-oidc-client，这应该会让你走上正轨。