前言

這是 Firebase 快速登入的第二篇,使用的是 Twitter

PS: 基本設定都在第一篇 [iOS]Firebase phone auth 使用教學

另外要使用 Twitter 快速登入,需要去註冊 Twitter 開發者帳號

並建立一個應用程式取得 Key 及 Token

如果不知道怎麼申請,可以參考 這篇

Step 1 (設定 Firebase)

  1. 將 Twitter 的 Key 及 Token 填入
  2. 將 Firebase 的 callback URL 設定到 Twitter 的應用程式中
  3. 勾選啟用後儲存

01

Step 2 (設定 Podfile)

將以下套件加入到 Podfile 後安裝

pod 'Firebase/Auth'

Step 3 (設定專案)

開啟 GoogleService-Info.plist 文件,找到 REVERSED_CLIENT_ID 的值後複製

07

新增一個 URL Types,將 REVERSED_CLIENT_ID 的值貼上去

08

Step 4 (程式碼)

看過上一篇的可能會有疑問,那畫面設計呢?

其實這次沒有畫面設計,單純一顆按鈕就可以了

import UIKit
import Firebase

class ViewController: UIViewController {

    var twitterProvider: OAuthProvider? = nil
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        twitterProvider = OAuthProvider(providerID: "twitter.com")
    }
    
    @IBAction func twitterLogin(_ sender: Any) {
        twitterProvider?.getCredentialWith(nil) { credential, error in
            if let error = error {
                print(error)
                return
            }
            
            if let credential = credential {
                Auth.auth().signIn(with: credential) { authResult, error in
                    if let error = error {
                        print(error)
                        return
                    }
                    
                    print(authResult)
                }
            }
        }
    }
    
}

Step 5 (執行)

點下按鈕後會跳出 Twitter login 介面

02

結尾

這次的程式碼比較簡單,但申請 Twitter 相關的資料就得花一些時間

下一篇是 Facebook 快速登入,步驟跟 Twitter 差不多

若這邊教學有幫助到你的話~請多多分享轉發出去給更多的人知道

謝謝大家的觀看