Auth0 回调 URL 实时和开发答案

【问题标题】：Auth0 Callback URL Live and DevelopmentAuth0 回调 URL 实时和开发
【发布时间】：2017-12-09 22:03:20
【问题描述】：

我目前有一个使用 Auth0 进行身份验证的 Angular 2 应用程序。一切正常，但登录服务中的回调 url 仅适用于实时网站。因此，当我在本地主机上运行我的开发代码并登录时，它总是将我重定向到我的网站的实时版本，我不想在我的部署之间和当我的时候来回更改一行代码本地测试。这是auth.service.ts中的登录方法。

public login(): void {

this.auth0.authorize({
  responseType: 'token id_token',
  audience: 'https://xxxxxx/userinfo',
  redirectUri: 'http://www.mylivewebsite.com/callback',      
  scope: 'openid'
});

我在本地测试应用程序时使用它。

public login(): void {

this.auth0.authorize({
  responseType: 'token id_token',
  audience: 'https://xxxxxx/userinfo',
  redirectUri: 'http://localhost:4200/callback',      
  scope: 'openid'
});

有没有办法检测我来自哪个 URL 并进行相应调整？我觉得有一个简单的答案，但我似乎无法找到让它发挥作用的方法。

【问题讨论】：

标签： angular authentication callback auth0

【解决方案1】：

我处理这个问题的方法是使用环境变量。许多人会使用 NODE_ENV 来确定应用程序是处于开发阶段还是生产阶段。

你可以这样做：

public login(): void {

this.auth0.authorize({
  responseType: 'token id_token',
  audience: 'https://xxxxxx/userinfo',

  redirectUri: (process.env.NODE_ENV === 'production') ? [deploy url] : [dev url],

  scope: 'openid'
});

【讨论】：