Whitelist and catch error using google

[stephanie.chamblee]

Hi @mayhew3,

@mayhew3

Is there a way I can feed the list of valid emails into this rule from my app using config or anything? Right now, I just have a hard-coded list of strings in the rules, which adds an unwanted maintenance cost.

Do the email addresses share a domain? If so you can use a domain-specific rule.

If not, you could store the email addresses in a .txt file in Dropbox and reference that in the rule. Here is an example: Dropbox WhiteList

You could use this approach with other cloud storage options or your own protected API as well.

@mayhew3

The example throws an UnauthorizedError() in the rule, which doesn’t result in displaying any error page in my app. It just redirects back to the callback with isLoggedIn as false. I tried using the Observable returned by loginWithRedirect() to catch the error, but this error is never thrown.

You can capature login errors by subscribing to the error$ observable

authService.error$.subscribe((error) => console.log(error));

If you’re using the Angular Quick Start, you can edit the ngOnInit function in the src/app/components/nav-bar/nav-bar.component.ts file to log the error:

  ngOnInit() {
    this.auth.error$.subscribe((error) => console.log(error));
  }

Hope that helps!

Stephanie