使用带有 Auth0 的通用（自定义）连接答案

【问题标题】：Using generic (custom) connections with Auth0使用带有 Auth0 的通用（自定义）连接
【发布时间】：2016-02-02 11:50:31
【问题描述】：

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

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

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

【问题讨论】：

标签： oauth tumblr auth0

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

然后，您还可以将自定义添加到登录屏幕，如下所述：https://auth0.com/docs/libraries/lock/ui-customization。这将允许您执行我在原始问题中寻找的内容。

【讨论】：