如何使Omniauth使用弹出窗口工作？

Question

为Omniauth默认精美的作品，如果你是在现有的窗口中打开它，但不知道它是如何工作在弹出的快捷，并且你正在处理的交互很大一部分通过javascript

Answer 1

好像你可以做这个你自己？

当用户点击'通过Facebook登录' - 使用JS来弹出一个位置为/ auth/facebook的窗口。 '回调'将在相同的窗口中返回到/ auth/callback。一旦你完成了回调的工作，关闭当前窗口并刷新父项？

Answer 2

var newwindow; 
function login(provider_url, width, height) { 
    var screenX  = typeof window.screenX != 'undefined' ? window.screenX : window.screenLeft, 
     screenY  = typeof window.screenY != 'undefined' ? window.screenY : window.screenTop, 
     outerWidth = typeof window.outerWidth != 'undefined' ? window.outerWidth : document.body.clientWidth, 
     outerHeight = typeof window.outerHeight != 'undefined' ? window.outerHeight : (document.body.clientHeight - 22), 
     left  = parseInt(screenX + ((outerWidth - width)/2), 10), 
     top   = parseInt(screenY + ((outerHeight - height)/2.5), 10), 
     features = ('width=' + width + ',height=' + height + ',left=' + left + ',top=' + top); 

     newwindow = window.open(provider_url, 'Login', features); 

    if (window.focus) 
    newwindow.focus(); 

    return false; 
} 

用'/ auth/facebook'或'/ auth/twitter'替换provider_url应该可以工作。

在回调网址，

<script type="text/javascript"> 
    window.opener.location = '<%= @redirect_to %>'; 
    window.close(); 
</script> 

您可以刷新页面，但是你想与@redirect_to指向您的父窗口应刷新页面。