開發微信網頁版登陸(像segmentfault 網站那樣登陸)

一開始作的微信登陸是這樣的:點擊微信登陸,頁面跳到掃面二維碼那個頁面,掃描並贊成以後,回跳到本身給的redirect_url  那裏.

很想作成 segmentfault 網站那樣,感受用戶體更加好,以下圖:

一直不知道該怎麼去作..直到今天,看到一個方法 : window.open !!!!!

研究了下,有點收穫.

/**點擊微信登陸,把 child.jsp 換成 微信登陸的路徑,這樣就能夠打開一個二維碼引導頁面 
    newwindow 是彈出窗口的名稱,能夠用 "" 代替,便可寫可不寫.
    其餘的參數能夠自行百度,比我說的詳細.
**/
    function openWin(){
    	window.open ("child.jsp", 
    			"newwindow", 
    			"height=400, width=500, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no");
    }

但這樣還不夠,由於掃一下並贊成以後,是子窗口跳到了配置的  redirect_url  那裏,並無關閉子窗口,刷新父窗口,如今已經成功一半了,接下來要作的就是在同一登錄以後,關閉子窗口,並刷新父窗口.

繼續找資料,不斷測試,成功了.

接下來的步驟 : 咱們在登陸成功以後,跳到一個新頁面,

放入下面的方法,並執行.

function closeWin(){
    	window.opener.location.reload();
    	window.close();
    }

這個方法的做用就是關閉子窗口,並刷新父窗口.信息已經放在session中了,父頁面刷新一次以後,微信登錄完成.