1. 程式人生 > >使用weibo js,新浪微博三方登陸,帳號繫結。

使用weibo js,新浪微博三方登陸,帳號繫結。

    最近在做利用三方資源的東西,由於以往做的是企業管理(ERP)的內網系統,初涉外網資源的網際網路系統摸索了很長時間。

    對於網上充斥的各種教程,我真是無力吐槽,我決定把這期間的各種問題以及相應的解決辦法拿出來分享 。教程分為兩個階段:一是賬號登入,二是三方賬號與本地賬號的繫結,放心肯定精細到程式碼級別。

第一部分:三方登入:

  1.去新浪微博開放平臺上要做的事情:

    請耐心看完,一步步操作,如圖所示:

①進入open.weibo.com

   

  ②選擇微連線中的“網站接入”:

  

  ③選擇立即接入:

注意如果此時你沒有登入,或者登入之後微博檢測到你還不是開發者,請進行開發者資訊的填寫以及稽核,稽核很快,點選之後就可以稽核通過(身份驗證)

④填寫網站資訊,之後將<meta>標記加入到自己的網站首頁,在本地新增成功後(在開發ide如eclipse中的專案首頁加入這<meta標記>),再重新發布到自己的伺服器上,(可以重新打包成war包,釋出到外網上面,如我用的是騰訊的阿里雲託管),確定上述幾個步驟完成之後,再點選“驗證並新增”,微博的某段程式碼會自動讀取你在專案首頁上新增的頭,如果有則驗證成功。

⑤經過上述過程你的網站已經新增成功,這時候微博會將你網站的appKey發給你,(appkey)是你網站的唯一標識。

如下圖進行自己appkey的查詢:

 點選我的應用:

此時這裡會有appkey的值,你一定會看到

完成這些步驟之後,請進行你的授權回撥頁的設定:

解釋一下

1.授權回撥頁是使用者在使用微博賬號登入你所接入的網站之後,微博將使用者個人的openID以及accessToken進行接收的頁面(你的網站首頁或者其他頁面)

2.通俗的講,就是使用者對你的應用授權成功,(登入成功後)跳轉到的頁面。

設定如下

  點選上圖的介面管理:

接著點選授權機制,在右面的頁面中有授權回撥頁的設定:

點選編輯,改成你自己網站的首頁或者相應的授權回撥頁面。(如:www.wangdachui.com/login(優雅的restful   url))等。

此時網站的申請接入已經完成,騷年們,開始寫程式碼了。

在你的首頁或者登入介面設定登入按鈕,這裡我們選擇後者(只為測試用,真實的開發應該是在首頁顯示登入按鈕,點選登入按鈕之後,頁面跳轉到登入介面,在這個介面上有新浪微博的登入按鈕)注意微博有登入元件,這裡我們使用自定義按鈕:

步驟如下:

             ①.在<header>中引入weibo.js

appkey=寫上自己網站的appkey。

           ②.設定你的登入按鈕

③.在微博登入按鈕上設定一個onclick="weibologin()"事件:

④編寫使用者授權登入及繫結的js程式碼:

 

隱藏表單如下所示:

使用了spring security 框架,進行使用者驗證授權。

基本上就是這樣,相信想做這個的對ajax也是瞭解的,由於後臺程式碼較為機密,就不能寫了。ajax請求的相應伺服器端處理程式碼,請自行完成,基本上流程就是這樣,如果有不懂得地方請留言:qq :1061328217

Peace of all.