設定FireBase、FaceBook與Google

Eason
彼得潘的 Swift iOS / Flutter App 開發教室
5 min readMay 31, 2023

整理設定的文章。

先設定FB登入

先登入官方網站

點選建立應用程式

設定完後回到Xcode ,點專案 > Targets > info 下 > URL Types + 。

在 URL Schemes 輸入剛剛在 Facebook 開發網站建立的 App 的 App ID,格式為 fb 後接 App ID。

在 Info 頁面新增 FacebookAppID & FacebookDisplayName,內容一樣來自 FB 開發網站的 App 頁面。

在 Info 頁面新增 FacebookClientToken,內容一樣來自 FB 開發網站的 App 頁面。

FacebookClientToken 可從 FB 開發網站上的 App 頁面查詢,從 Settings > Advanced 的 Client token 欄位。

在 App 的 Info 頁面新增型別 array 的 LSApplicationQueriesSchemes,包含 fbapi & fb-messenger-share-api ,讓 App 之後能啟動 FB App。

打開 Keychain Sharing 的功能

切換到 TARGETS App 的 Signing & Capabilities 頁面,點選 + 新增功能。

加入 Keychain Sharing。

設定 Privacy Policy URL & User data deletion

我們可先填入一個暫時的網址,方便測試 FB 的登入功能。等之後有正式的網址後,再回來修改。

進入 FB 開發網站上的 App 頁面,切換到 Settings > Basic 頁面,輸入 Privacy Policy URL & User data deletion 的網址。

到開發網站找到 APP ID 與 APP Secret

FireBase與 Google

Firebase專案與Xcode連動。

接著前往Firebase建立新專案,建立完成後一樣點選iOS輸入Bundle ID

註冊完後將 config file Download下來放到自己的專案底下

回到Firebase專案內的Authentication將Gmail的登入功能打開。

點選後將上面紅框輸入專案名稱跟自己登入Firebase的Email後按下Save後就完成了。

再來點選專案內剛剛放入的GoogleService-Info.plist,找到第二行的REVERSED_CLIENT_ID

將後面的value複製,接著再到專案 > Info > URL Types > URL Schemes新增剛剛的REVERSED_CLIENT_ID的Value值。

輸入完成後前置作業基本上就算是完成了。

參考:

--

--