由於Google developers的申請介面已經更新,與tad_login模組中的申請教學已不相同,所以新寫了這份教學讓大家可以申請Google developers,使用tad_login模組的Google帳號登入功能。
申請方法如下:
1、前往Google developers的申請頁面
https://console.developers.google.com/project
2、於建立專案中輸入專案名稱,例如tese20151126,點選建立專案
3、會跳出一個新增專案的視窗,再輸入一次tese20151126,然後按建立
4、約等10秒左右頁換會自動切換到專業的管理介面,點選啟用和管理API
5、點選左邊的憑證按鈕
6、點選【新增憑證】,選擇下拉選單中的API 金鑰
7、點選瀏覽器金鑰
8、於接受這些 HTTP 參照網址 (網站) 發出的要求中輸入您的網站網址,例如網站網址為https://test.com,就輸入https://test.com,點選建立
9、會彈出一個API金鑰的視窗,複製紅框中那一串數字,按確定。
吧複製的那串文字貼到tad_login模組->偏好設定中的Google 的「API key」欄位中
10、再點選新增憑證,出現下拉選單,點選OAuth2.0用戶端ID
11、點選右手邊的設定同意畫面
12、輸入紅框中的內容,產品名稱就輸入您的網站名子,網站首頁就輸入您的首頁網址,然後按儲存。
13、選擇【網路應用程式】->已授權的 JavaScript 來源輸入您網站的首頁網址,例如首頁為https://test.com,就輸入https://test.com,已授權的重新導向 URI輸入【您的首頁網址+modules/tad_login/index.php】,例如您的首頁網址為https://test.com,則輸入https://test.com/modules/tad_login/index.php,然後點選建立。
14、會彈出一個OAuth的視窗,複製【這是您的用戶端 ID】的數字串及【您的用戶端密鑰如下】數字串(可以先貼在筆記本上),按確定建立專案。
15、吧【這是您的用戶端 ID】數字串貼到tad_login模組->偏好設定中的Google 的「Client ID」欄位中
吧【您的用戶端密鑰如下】數字串貼到tad_login模組->偏好設定中的Google 的「Client secret」欄位中
最後在tad_login模組->偏好設定中的Google 的「Redirect URIs欄位中輸入【您的首頁網址+modules/tad_login/index.php】,例如您的首頁網址為https://test.com,則輸入https://test.com/modules/tad_login/index.php,
點選偏好設定的確定按鈕
16、完成設定後,啟用tad_login模組【快速登入】區塊,點選其中的Google按鈕就能用Google帳號登入網站了。
教學撰寫:徐嘉裕 Neil hsu