Firebase教學 + fb / google / email登入(iOS, swift 3)- part 1

Jerry Wang
4 min readFeb 21, 2017

--

完整專案 : https://github.com/Jerry0420/SignInExample.git

使用模擬器建立後,選擇第3個tab,即為本篇教學的部分。

在本教學中,將學習如何使用fireBase實作登入,並結合fb和google,同時存取資料於網路資料庫進行取用。

  1. 在firebase官網新增專案,點選“建立新專案”,並填入app名稱。

2. 建立新專案後,進入專案設定,往下拉,選擇“將fireBase加入您的iOS應用程式 ”。

3. 第一第二個分別填入bundle ID和app名稱,其餘步驟接著照做。

4. 在AppDelegate中import Firebase,並在didFinishLaunchingWithOptions中填入程式碼。

5. 接著連結firebase和facebook的系統設定,為了可使用facebook登入,並將使用者資訊存於firebase中。

在firebase console頁面,選擇屬於你的專案

進入後,點選右邊的authentication後,選擇登入方式的頁籤,接著將fb和google從“已停用”改為“已啟用”

6. 點下fb的按鈕後,跳出如下圖,要填入“應用程式ID”和“應用程式密鑰”

填入“應用程式ID”和“應用程式密鑰”

“應用程式ID”和“應用程式密鑰”分別位於fb內主控版上的“應用程式編號”和“應用程式密鑰”

複製“應用程式編號”和“應用程式密鑰”

7. 接著先回到fb的設定頁面,點選左方的“新增產品”標籤,選擇Facebook登入的“開始使用”按鈕

進入後,在設定的部分,“有效的OAuth重新導向URI”需要將firebase console頁面,第三欄反灰的網址貼上。

將反灰網址貼到第三欄
將第三欄反灰的網址複製

8. 接著打開google登入和email登入,皆進去後點選啟用即可。

9. 到此,及完成所有firebase和fb以及google的設定,我們可以讓使用者透過fb/ google / email,三種方式登入我們的app,並將使用者資料保存,使用者使用app的過程中可以上傳及下載任何資料,皆透過firebase提供的服務。

part 2 在這邊:

--

--