使用 Auth0 的通用(自定义)连接

Using generic (custom) connections with Auth0

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

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

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

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

This is likely changing in the next release of Lock.

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

您还可以按照此处所述向登录屏幕添加自定义设置:https://auth0.com/docs/libraries/lock/ui-customization。这将允许您做我在原来的问题中寻找的东西。