這幾年幾乎都網站都流行使用 open ID 作為介接功能，一來省去使用者註冊時候填寫表單的步驟，二來可與社群網站連接，拓展產品的曝光，作為一種間接的行銷手法之一
目前大部分的網站帳號介接都是使用 Facebook api 作為主要的功能，既然 google 已經開放 CE 平台整合，相對 api 使用就更加的便利，以下就已簡易的 google pluse 登入作為參考
繼承前一篇 中所介紹的首先創建一個 project 後，就可以進行以下的步驟完成 a new application
進入雲端控制平台，點選專案名稱後，再選擇左邊的選項點選 APIs & auth，如果語系已經切換到中文此時頁面換顯示 API 與驗證此時右邊會看到常常一列的 API 功能
其中找尋 Google+ API 這個選項，並且點擊後設定為開啟，此功能預設為關閉狀態
再點選左邊列表功能 Registered apps ，再選擇你要註冊的 app 名稱
進入後會看到四種介接方式，分別有OAuth 2.0 Client ID，Certificate，Server Key，Browser Key
我選擇我比較熟悉的OAuth 方式來撰寫接下來的程式，點擊後請先在 WEB ORIGIN 設定你的 domain 網址，也就是你的 app 放置的網域部分，這邊我已經先設定自己網址 www.xsoin.com
其後在撰寫一支 index.html 放置在你的伺服器位置底下，head部分寫好一段script 與 google api 作呼叫，有興趣可參考官方文件的寫法，在文件中的client ID 一定要改成你現在 這個 app ID，開始執行網頁，將會看到 google pluse 的登入按鈕已經呈現
點擊登入鈕後，會出現跟 facebook 一樣的授權詢問頁面，頁面當中包含了，程式部分要向使用者索取的資料和狀況，接受後會再一次確認頁面，完成後才正式授權成功
最後授權完成後，頁面即可取得相關的 token 資料，這些資料 接下來看是要怎麼使用以及記錄進去 DB 就看程式怎麼應用
( 因包含個人資料部分，圖片部分已有作了處理 )
實際部分，可自行測試，Demo Site
後記
凌晨五點，終於在一邊開會一邊寫東西狀況下結束，凌晨十二點被 call 起來緊急事件，開完會終於可以補休一下....接下來兩天還有一場硬戰要打....身體可別作怪，打坐調息一下內息，看著藥包還遲疑要不要吞，可是一吃下去，兩個小時候大概起不來....算了，再忍一下
0 意見:
張貼留言