我正在尝试使用Auth0在单页应用中一次登录多个社交媒体网站。我已使用此处的说明向{Tumblr帐户添加了通用OAuth2服务器:https://auth0.com/docs/connections/social/oauth2。我已经验证服务器已正确添加,并且我的客户端应用程序的JSON-P响应根据我添加的内容填充了正确的信息。
我的问题是,如何使用JS弹出窗口小部件登录此服务器?我基本上有一些内置于Auth0的社交登录,它们通过传递(例如)File.ReadAllBytes()
到connections: ['twitter']
函数,以及一些非内置的社交登录工作,我似乎无法正确连接以与内置社交登录类似地工作。
换句话说,当我使用.show()
时,弹出窗口正确显示“使用Twitter登录”按钮。但是,当我使用connections: ['twitter']
(其中'tumblr'是我所做的自定义连接的名称)时,弹出窗口不会显示任何按钮甚至用户名/密码字段来登录我的自定义连接。我显然不明白这个弹出窗口应该如何与自定义连接一起使用,所以任何建议都会非常感激。
答案 0 :(得分:1)
事实证明,Tumblr使用的是oauth1
,而不是oauth2
。所以,我在正确的轨道上,但我只是使用了错误的eaxmple页面。以下是oauth1连接的示例页面:https://auth0.com/docs/oauth1。
您也可以按照此处的说明将自定义添加到登录屏幕:https://auth0.com/docs/libraries/lock/ui-customization。这将允许你在我原来的问题中做我想要的。
答案 1 :(得分:0)
自定义OAuth2连接不会显示在Lock(UI小部件)上,您必须使用自己的UI。您正在寻找的库是auth0.js(无UI库),它将为您处理身份验证过程。
这可能会在下一版Lock中发生变化。