angularjs – AngularStack Facebook,Google和Twitter身份验证

前端之家收集整理的这篇文章主要介绍了angularjs – AngularStack Facebook,Google和Twitter身份验证前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Generator Angular Fullstack创建我的第一个Web应用程序.我在这里完成了项目初始化: https://github.com/DaftMonk/generator-angular-fullstack

在初始化期间,我为以下内容设置了oAuth:Facebook,Google,Twitter

我也在使用Openshift,在初始化项目之后……我用步骤将它添加到openshift.这包括为Facebook,Google和Twitter身份验证设置RHC的环境变量.我也添加了这些.

但是,使用我的新应用程序……我无法使用Facebook,Google或Twitter创建新帐户.
当我创建新帐户时,这些是我得到的错误

Facebook的:

Invalid App ID: id

谷歌 :

401. That’s an error.

Error: invalid_client

The OAuth client was not found.

Request Details
  scope=https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email
  response_type=code
  redirect_uri=http://site.rhcloud.com/auth/google/callback
  client_id=id
That’s all we know.

推特:

Internal Server Error

到目前为止,除了完成教程之外,我还没有做太多.但我觉得我错过了什么.关于这个主题的任何帮助都将是grea.t谢谢:)

解决方法

首先,您必须配置clientID,clientSecrets和callBackURL.您需要在每个oAuth提供商的开发者平台页面上找到这些内容.即对于Facebook,这将是: https://developers.facebook.com/apps/

这些可以放在local.env.js文件中(包含一个示例,如下所示:

module.exports = {
  DOMAIN: 'http://localhost:9000',SESSION_SECRET: "xxxxxxxxxxxxx",FACEBOOK_ID: 'xxxxxxx',FACEBOOK_SECRET: 'xxxxxxx',TWITTER_ID: 'xxxxxxx',TWITTER_SECRET: 'xxxxxx',GOOGLE_ID: 'xxxxxxx',GOOGLE_SECRET: 'xxxxxxx',.....
};

猜你在找的Angularjs相关文章