0

我正在尝试使用 Auth0 在单页应用程序中一次登录多个社交媒体网站。我已使用此处的说明在我的 Tumblr 帐户中添加了一个通用 OAuth2 服务器:https ://auth0.com/docs/connections/social/oauth2 。我已验证服务器已正确添加,并且我的客户端应用程序的 JSON-P 响应根据我添加的内容填充了正确的信息。

我的问题是,如何使用 JS 弹出窗口小部件登录到该服务器?我基本上有几个内置到 Auth0 的社交登录,它们通过传递(例如)connections: ['twitter'].show()函数来工作,还有几个不是内置的社交登录,我似乎无法正确连接到工作类似于内置的社交登录。

换句话说,当我使用 时connections: ['twitter'],弹出窗口正确显示“使用 Twitter 登录”按钮。但是,当我使用connections: ['tumblr'](其中“tumblr”是我创建的自定义连接的名称)时,弹出窗口不显示任何按钮,甚至不显示用于登录我的自定义连接的用户名/密码字段。我显然不明白这个弹出窗口应该如何与自定义连接一起工作,所以任何建议都将不胜感激。

4

2 回答 2

1

事实证明,Tumblr 使用oauth1,而不是oauth2. 所以,我在正确的轨道上,但我只是使用了错误的示例页面。这是 oauth1 连接的示例页面:https ://auth0.com/docs/oauth1 。

然后,您还可以将自定义添加到登录屏幕,如下所述:https ://auth0.com/docs/libraries/lock/ui-customization 。这将允许你做我在原来的问题中寻找的东西。

于 2015-11-03T15:36:50.077 回答
0

自定义 OAuth2 连接不会显示在 Lock(UI 小部件)上,您必须使用自己的 UI。您正在寻找的库是 auth0.js(无 UI 库),它将为您处理身份验证过程。

这可能会在 Lock 的下一个版本中发生变化。

于 2015-11-02T16:45:17.803 回答