設定Google 社交登入

文章推薦指數: 80 %
投票人數:10人

設定Google 社交登入 · 開始之前 · 設置方法 · 第1步:登入及同意Google API Console · 第2步:建立新的專案 · 第3步:添加資料庫 · 第4步:設定OAuth 同意畫面 · 第5步:新增範圍. 正在構成網站。

請稍等。

所有方案限時優惠最低4折! Global,Pro,Starter年繳現享更多優惠 1天不打開彈出窗口 Togglenavigation Imweb 主要功能網站網路商店跨國電商網頁模板特選案例費用合作夥伴客服客服線上教學指南新聞諮詢登入免費開始 My 我的網站 登入 免費開始 I’MWEB客服中心 指南 秘訣與指南 秘訣與指南秘訣與指南秘訣與指南 其他 設計域名/電子郵件/SSL登記/分析搜索引擎圖片/畫廊widget公告板/地圖/輸入表編寫程式付款/金流購物/購買/購物車預約其他手機應用程式 設定Google社交登入 本指南將說明讓訪客能簡便地以Google帳戶註冊並登入我的網站的設置步驟。

開始之前開始本指南之前需要Google帳戶。

如尚未擁有Google帳戶,請通過以下連結建立Google帳戶點擊後建立新的帳戶。

如正啟用防止以相同名字(暱稱)的重複註冊的話,請解除該選項。

大部分的社交登入註冊會員都直接使用該社交平台的名字(暱稱)。

為允許社交平台同一名字(暱稱)的使用,須先防止以相同名字(暱稱)重複註冊的限制解除,才能讓註冊完善的進行。

解除方法:進入管理頁面>註冊及羣組設置>(下拉至中間部分)輸入表管理>名字項目中點擊修改按鈕後取消勾選防止以相同名字(昵稱)的重複註冊。

設置方法欲適用Google社交登入請按照以下階段進行設置。

重要:根據Google政策,使用Google登入前必須安裝SSL安全憑證。

未安裝SSL時將無法發布應用程式(第8步),僅能以測試版使用。

第1步:登入及同意GoogleAPIConsole進入GoogleAPIConsole。

通過Google帳戶登入。

(在還未同意的情況下)同意服務條款後點擊同意並繼續。

第2步:建立新的專案此步驟為選擇項目。

已有專案的情況請跳過此步驟,從第3步開始。

如需要建立新的專案,請參考此指南下方的建立新專案指南。

第3步:添加資料庫在左側菜單中點擊資料庫。

將滑鼠滾輪向下滾動選擇社交項目的Google+API。

在Google+API頁面中點擊啟用。

第4步:設定OAuth同意畫面在左側菜單中點擊憑證。

點擊設定同意畫面按鈕。

在UserType選擇外部後,點擊建立按鈕。

在應用程式資訊中輸入應用程式名稱(主要為網站名),並選擇使用者支援電子郵件。

注意:新增應用程式標誌時,Google審核會需要4~6週的時間。

如欲加快審核時間,建議您不要新增應用程式標誌。

在應用程式網域中輸入應用程式首頁、應用程式隱私權政策連結、應用程式服務條款連結。

參考:個人資料處理方針與使用條款連結可以於條款URL確認之指南中確認查看方法。

應用程式首頁:輸入網站代表網域。

(使用第二域名的情況,請輸入整個第二域名。

)應用程式隱私權政策連結:我的網域/?mode=privacy應用程式服務條款連結:我的網域/?mode=policy在授權網域中點擊+新增網域按鈕。

輸入代表網域。

(在域名前請勿輸入http或https)參考:在使用第二域名的情況,請輸入第一域名。

舉例來說,請以imweb.me替代abc.imweb.me來輸入。

(選填項目)如尚有欲新增的網域,請點擊+新增網域按鈕來新增全部。

舉例來說,如欲在進入I'MWEB次網域(abc.imweb.me)時也能登入的話,請新增imweb.me。

在開發人員聯絡資訊中輸入Email地址。

(Google將在專案有變更事項時發送通知,可以輸入多個聯絡資訊。

)點擊儲存並繼續按鈕。

第5步:新增範圍點擊新增或移除範圍按鈕。

勾選基本Google帳戶的Email地址確認和查看個人資訊(包含設定為公開之個人資訊)後,點擊更新按鈕。

點擊頁面下端儲存並繼續按鈕。

第6步:新增測試使用者點擊+ADDUSERS按鈕。

輸入Email地址以新增測試使用者。

(最多可新增100位測試使用者。

)點擊儲存並繼續按鈕以完成測試使用者之新增。

第7步:建立OAuth用戶端ID在左側菜單中點擊憑證。

點擊在上方的+建立憑證後,會出現OAuth用戶端ID。

參考以下圖片之說明選擇應用程式類型後,輸入名稱、已授權的重新導向URL。

應用程式類型:選擇網頁應用程式。

名稱:輸入網站名稱。

已授權的JavaScript來源:跳過此項目。

已授權的重新導向URI:輸入http://我的網域/oauth。

點擊下方建立按鈕。

建立用戶端ID和用戶端密碼後,點擊右側的複製圖示進行複製,並貼上至筆記本中。

點擊確定以顯示關閉用戶端ID和密碼之視窗。

第8步:發布應用程式在左側菜單中點擊OAuth同意畫面。

點擊發布應用程式按鈕。

點擊確定。

第9步:設定在我的網站使用Google社交登入進入I'MWEB網站管理頁面。

進入方法點擊左側菜單中[環境設置>社交登入/API設置]。

移動至Google登入項目。

選擇使用Google登入。

貼上在第7步.複製好的用戶端ID和用戶端密碼。

(快捷鍵:CTRL+V)點擊儲存按鈕。

現在即可開始使用Google登入。

建立新專案和刪除方法如因新增應用程式標誌而造成審核、不明原因之設置錯誤等問題時,可以刪除現有專案並以建立新專案的方式再次進行設置。

建立新專案後請參考上方設定方法,重新設定Google登入。

建立新專案在左側菜單點擊專案名稱。

選取專案視窗出現後,點擊新增專案。

(選填項目)修正專案名稱後,選擇位置。

全部設定完成後點擊建立按鈕。

即建立好新的專案,在完成之前需要些時間。

再次點擊專案名稱。

新的專案建立完成的話,點擊建立好的專案。

到這裡後請參考上方的指南說明,並進行新的Google社交登入設置。

刪除現有的專案點擊帳戶圖示左邊的更多資訊圖示,並點擊專案設定。

點擊終止。

輸入專案ID後,點擊終止。

參考:請參考輸入欄上方標記的ID後輸入專案ID。

確認是否刪除的視窗出現後,點擊確認。

即完成刪除專案。

(選填項目)刪除現有專案後,如欲新建立專案請點擊左上方的建立專案。

指南中沒有您要找的答覆嗎?諮詢 跳轉至目錄 I’MWEB指南 開始 設計模式 設計模式是什麼?使用設置共同設計添加菜單添加widget不同widget功能說明(設計要素)不同widget的功能說明(DB要素)鼠標右鍵點擊菜單板塊及外觀板塊設置下端(腳本)板塊編輯手機版構成與菜單一體化的設計(重疊) 管理人頁面 什麼是管理人菜單?用戶管理開始預約什麼是SSL(安全伺服器),怎麼適用它呢?想使用個人域名,想要變更域名 購物 I'MWEB線上商店設置 秘訣與指南 設計 域名/電子郵件/SSL 登記/分析搜索引擎 圖片/畫廊widget 公告板/地圖/輸入表 編寫程式 付款/金流 購物/購買/購物車 預約 其他 手機應用程式 解決問題 登入 網路速度/連結 域名/電子郵件/SSL 付款網路商店/金流 帳戶/付款/退款 其他 我的專長是網頁設計! 獨立設計師。

針對1人企業的I’MWEB設計師系統 申請經銷商/設計師 用過一次就愛上“我”就是Imweb的忠實粉絲 在Imweb盡情表達“我”的想法 773.9K 累積網站架設數 315 平均每日架站數 3.5K 全球合作夥伴數 Imweb官方合作夥伴



請為這篇文章評分?