使用 Angular 5（隐式身份验证）从 Instagram 重定向中提取 ACCESS_TOKEN答案

【问题标题】：Extracting ACCESS_TOKEN from Instagram redirect with Angular 5(Implicit Authentication)使用 Angular 5（隐式身份验证）从 Instagram 重定向中提取 ACCESS_TOKEN
【发布时间】：2018-10-16 01:03:39
【问题描述】：

由于我正在开发一个没有后端的纯前端应用程序，因此我将使用 Instagram 隐式身份验证。问题是，在用户授权该应用程序后，Instagram 会使用如下访问令牌重定向到我的 redirect_uri，http://your-redirect-uri#access_token=ACCESS-TOKEN。如何从中提取访问令牌？我尝试使用路由器，但使用“#”并不成功

【问题讨论】：

看看这个问题和答案。 stackoverflow.com/q/39668916/5476757 并且，如果它不起作用，请评论/嗡嗡声。此外，请提供有关您尝试过的 URL 定位策略和代码实现的更多信息。

标签： angular typescript instagram instagram-api

【解决方案1】：

使用window.location.hash 访问从# 开始的所有参数。或者您可以使用window.location.href 访问完整的 URL。要获取令牌，您可以使用window.location.hash.match(/#access_token=([^&]+)/)[1]。

注意：如果您使用的是 TypeScript，那么您需要在组件中导入窗口。

declare let window;

【讨论】：