Skip to content

Instantly share code, notes, and snippets.

@xErik

xErik/angular-facebook-oauth.md

Last active October 24, 2019 10:36
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save xErik/d41c733fd3e36fe7851bc664548d5609 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save xErik/d41c733fd3e36fe7851bc664548d5609 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
angular-facebook-oauth.md

Solution with Angular 8

Console errors and warnings, be gone:

  • cannot display FACEBOOK-BLA in hidden frame
  • FB.login does not exist ...
  • HTTP is not supported, use HTTPS ...

Steps:

  1. If installed, pause or uninstall Ghostery. Setting Ghostery to trust localhost will not work.
  2. Run local app with ng serve --ssl
  3. Go to your facebook app console
  4. Go to Settings -> Basic
  5. In App Domains only enter localhost
  6. In Site URL only enter https://localhost/
  7. Do not go the Products-> Facebook Login -> Settings and do not change Valid OAuth Redirect URIs to localhost

Login and Logout with Facebook should work now without any errors (or warnings masked as errors) in the console.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment