javascript - 如何在 Ionic/Angular 中添加 OAuth facebook 登录?

标签 javascript angularjs facebook cordova ionic-framework

我正在使用 Ionic framework创建一个应用程序,我现在想添加 facebook (oauth2) 登录。我已经使用 OAuth 在我的网站上实现了 facebook 登录;我只是将用户重定向到相关的 Facebook URL,让他们在那里输入他们的凭据,然后我在我的 ( Flask) 后端获取 token 。这就像一个魅力。

我现在想知道如何在我的 Ionic/Cordova/Angular 应用程序中实现相同的功能。正如我现在看到的那样,有几个选项:

  • 在应用程序的 Ionic/Cordova WebView 中将用户重定向到移动版 Facebook 以验证我的应用程序(就像我在普通网站中所做的那样),然后再次将用户返回到 Ionic 应用程序。不过,我觉得这不是正确的做法。
  • 使用 Facebook 的 Javascript 身份验证,将 token 返回给应用程序。然后我可以将 token 发布到我的服务器以保存它供以后使用。
  • 让用户在 Ionic 应用程序中插入他的用户名和密码,并将它们发布到我的服务器,然后使用它们在 facebook 上对用户进行身份验证并为其获取 token 。这显然完全违背了 OAuth 的目的,但我想它会起作用。
  • 我读了this article on the Ionic blog关于如何实现 Facebook 登录,但使用 Auth0 plugin ,我不想使用(它要花钱,我不想依赖另一家公司)。
  • 还有一个我不知道的选择..

所以我现在想知道;在我的 Ionic 应用程序中实现(基于 OAuth)Facebook 登录的最佳方式是什么?为什么?欢迎所有提示!

最佳答案

您可以在 Ionic Framework 的 ngCordova 库中使用 $cordovaOauth.facebook:

http://www.ngcordova.com

这里有两个引用资料可以帮助您正确使用它:

https://www.thepolyglotdeveloper.com/2015/02/make-facebook-mobile-app-ionic-framework/ http://ionicframework.com/blog/oauth-ionic-ngcordova/

如果您的服务依赖于登录数据的准确性,您可能还想通过后端进行验证。然而,这种 RESTful 方法类似于 JavaScript 库。

问候,

关于javascript - 如何在 Ionic/Angular 中添加 OAuth facebook 登录?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28565399/

相关文章:

Javascript基于单选按钮显示隐藏

javascript - theyworkforyou API 在 Javascript Ajax 中返回为空

javascript - NodeJS 应用程序中的 AngularJS "ReferenceError: window is not defined"

ios - 仅适用于 iPad 的应用程序的 Facebook 应用程序链接

javascript - 网格显示没有数据,但有请求直接为什么

相似条件下 Javascript 函数调用开销的差异

html - TH的AngularJS ng-repeat组

javascript - AngularJS 中的全局后退/下一步按钮

ios - FBSDKLikeControl - 我如何知道用户是否喜欢该页面?

javascript - 邀请 friend 将他们带到空白页面