OAuth [Facebook/Twitter] Pop Up не открывается, когда я нажимаю на Social Icons + Ionic + Firebase

Question

Я следовал this article, чтобы создать OAuth для Ionic App с Firebase в качестве backend-сервиса. Был способен открыть приложение в Ionic Lab, и были открыты социальные иконки. Но когда я нажимаю на любой значок, ничего не происходит.

Просто знайте, что мой код использует cordova-plugin-inappbrowser, и у меня есть очень минимальные знания об этом. Я, кроме всплывающего окна Facebook или Twitter, показываю, когда нажимаю на соответствующие значки, но это просто не похоже.

я вижу следующее сообщение об ошибке-х в консоли:

При нажатии на иконку Facebook:

Refused to display 'https://www.facebook.com/login.php? 
skip_api_login=1&api_key=150011636022826… 
&display=popup&locale=en_US&logger_id=fe62445f-81aa-405e-b35f- 
80f8fd220707' in a frame because it set 'X-Frame-Options' to 'DENY'. 

При нажатии на иконку Twitter:

Refused to display 'https://api.twitter.com/oauth/authenticate? 
oauth_token=nSzk7gAAAAAAuTInAAABV456ulg' in a frame because an ancestor 
violates the following Content Security Policy directive: "frame-ancestors 
'self' https://tweetdeck.twitter.com https://tdapi- 
staging.smf1.twitter.com https://tdapi-staging.atla.twitter.com 
https://tweetdeck.localhost.twitter.com".` 

Что делать Я могу это исправить?

Когда я вручную делаю ionic serve, приложение загружается в браузере, а когда я нажимаю на значок Facebook, я могу перенаправить страницу на Facebook.

PS: Я всего лишь один день для этой ионной основы.

Answer 1

Найдено решение & его размещения, как это может помочь другим:

GITHub link от того, где я клонировать проект. Затем перейдите в файл www/js/controllers.js, где $scope.login() метод присутствует в DashCtrl.

Auth.$authWithOAuthRedirect(authMethod).then(function(authData) { 
     console.log(authData); 
    }) 

Это был фрагментом кода, который дает проблему, так как она пытается перенаправить на другую страницу & это отлично работает в браузерах но терпит неудачу в приложении/ионной лаборатории или любой.

Вместо этого, если ваша работа специфична для Ионных версий приложения:

Auth.$authWithOAuthPopup(authMethod).then(function(authData) { 
      // after successfully logging in the user - do your magic stuff here 
      console.log(authData); 
     });