LZ主要想问前端怎么做吧？作为一个写后台的，对后台的处理你应该比较熟悉了，我就不多说了。

前端主要在于两点：

1. 要保证打开的窗口可控（可以关闭）

2. 要能收到授权成功的通知/事件

第一点而言，很简单 window.open() 打开窗口的时候函数返回值保留下来。请参考 window.open on MDN.

而第二点，就需要前后台合作了，一般可以通过轮询、长连接拉取、EventSource甚至WebSocket等方式来搞。由于登录功能不是一个长时间跑的业务，一般轮询就可以了。

前端伪代码：

$('#QQ登录按钮ID').on('click', function(){
    // 打开小窗，让用户登录，并保留窗口对象以备关闭
    var authWin = window.open('你的授权的页面URL', '_blank', 'width=600,height=400,menubar=no,toolbar=no,location=no')
    
    // 轮询是否授权成功，授权成功后关闭小窗，并刷新页面
    var timerId = setInterval(function(){
        $.getJSON("你的授权是否成功的轮询地址?相关参数", function(response){
            if (response.授权成功){
                clearInterval(timerId)
                authWin.close()
                window.location.reload()
            }
        })
    }, 500)
})

源网页有请求到后端，检测登录状态。。。和那些扫码登录一个原理，会一直去请求后端，或是保持长连接

授权页一般没法关闭的吧。。。因为那是授权方的页面，除非对方支持。。。
所以如果是要跳转授权页的话，没办法自动关闭。

查查有没有 回调事件 或者 回调的参数，也就是申请授权时候给了第三方，授权完毕后第三方会调用这个URL，这样就返回你指定的页面了。