BookStack 與第三方帳號合併使用

因系統預設是使用帳號及密碼方式登入,那該 BookStack 也可以跟第三方帳號合併使用,這樣子以後就不用再輸入帳號及密碼了,可以使用第三方帳號登入即可。那 BUBU 是使用 Google 的帳號來使用,官方還是有提供其他登方的方式。

Google 設定方式


  • 109.02.05 因 Google 頁面有重新設定,並且修正
  1. 首先先到 Google Developers Console
  2. 建立一個新的專案
  3. 建立好一個專案選擇「OAuth同意畫面」

oauth-01.png

  1. 選擇「外部」

oauth-02.png

  1. 以照圖示上說明設定,並且儲存

oauth-03.png

  1. 再回到「憑證」頁面,建立憑證,選擇 「OAuth用戶端ID」

oauth-04.png

  1. 選擇應用類型為「網路應用程序」並在「已授權的重新導向 URI」 ,修改 https://example.com/ 將這一段修改為自己的當下所使用的網址

oauth-07.png

  • 將下面兩行填入 「已授權的重新導向」這個就可以了
    • https://example.com/login/service/google/callback
    • https://example.com/register/service/google/callback
  1. .env 設定檔裡面新增或設定下面的項目
# Replace the below (including '{}' braces) with your Google API_KEY and API_SECRET
GOOGLE_APP_ID={google_app_id}          #輸入剛剛產生出來的 id
GOOGLE_APP_SECRET={google_app_secret}  #輸入剛剛產生出來的 密碼

# APP_URL Needs to be set to your BookStack base url
APP_URL=https://mybookstackurl.com

#app_url 這一段要注意,如果看你的網址是否有加上 http or https 不然連線時會出現畫面會跑版不是正常的畫面,正常來說都加上 https 才對。
連接方式

當建立好第三方設定,如何跟 google 連動,如果使用者的郵件帳號是 google 的,系統會自動顯示出目前可以連接方式,以下是連接方式

  • 畫面右上角有點選使用者下選單有一個編輯資料

bs-google-01.png

  • 進入後往下拉會看到社群網站帳號,會看到連結帳號,點選下去就會自動連結,再試著登出使用 google 帳號登入。

bs-google-02.png

補充說明

  • 網域驗證新增加目前使用網域

oauth-05.png

  • 輸入您網址

oauth-06.png




參考相關網頁