20191014

前言

今天的內容是第三方登入的練習，首先練習的是Facebook Login，雖然我們不能靠臉吃飯，但是我們可以靠臉書登入(誤)。

現在，我們馬上開始！

練習過程

前置作業

1. 首先點選『註冊』成為開發人員
   https://developers.facebook.com/docs/facebook-login/ios

2. 直接下一步

3. 輸入電話取得驗證碼

4. 選擇你的身份，本文選擇『開發人員』

5. 點選『建立首款應用程式』

6. 輸入應用程式名稱，本文例子為『ToDoList』

7. 完成安全驗證 (如果有的話)

8. 提交

9. Facebook登入中點選『設定』

10. 選擇『iOS』

11. 設定套件識別碼『com.mike.Day28FBLogin』

12. 啟用單一登入

13. 這一步將在專案設定內完成

14. 設定『隱私政策網址』，並『開啟』應用程式

當設定都完成後，要啟動應用程式，發生錯誤。
因此透過(ref7)來產生隱私政策網址，這邊要注意有些選項的設定是付費的，如果只是測試用，可選擇0元的選項即可。

到這邊已經完成了FB相關的設定，而官方也有很完整的教學，接者後面進入我們的專案部分

專案相關

1. 首先我們建立全新的專案『Day28FBLogin』來測試

專案建立請參考 Day13
https://ithelp.ithome.com.tw/articles/10221914

2. 透過cocoapod來安裝

 pod 'FBSDKLoginKit'

套件安裝請參考 Day17
https://ithelp.ithome.com.tw/articles/10223844

3. 以原始碼形式開啟來編輯『info.plist』，並加入以下代碼

<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>fb{your fb id}</string>
        </array>
    </dict>
</array>
<key>FacebookAppID</key>
<string>{your fb id}</string>
<key>FacebookDisplayName</key>
<string>ToDoList</string>

• 這一步驟與前置作業13對應

• 如果需要分享或其他地方切換到FB，也加入以下代碼

<key>LSApplicationQueriesSchemes</key>
<array>
    <string>fbapi</string>
    <string>fb-messenger-share-api</string>
    <string>fbauth2</string>
    <string>fbshareextension</string>
</array>

4. 修改專案的『Build Settings』中的 Other Linker Flags，加入『-ObjC』

5. 連接應用程式委派，修改AppDelegate.swift

• 這部分作者測試無法加入，不知道是不是因為版本問題，因此先做個筆記跳過，後續在回頭看看

6. 在viewDidLoad事件加入以下代碼

override func viewDidLoad() {
    super.viewDidLoad()
    
    let loginButton = FBLoginButton()
    loginButton.center = self.view.center
    self.view.addSubview(loginButton)
            
}

• 使用FB為我們設定好的按鈕

• 也可以自訂按鈕，搭配自己的程式碼

實機測試畫面

1. 出現登入按鈕

2. 提示訊息

3. 使用email登入，讀者也可以使用FB應用程式登入

4. 不儲存密碼

5. 登入後，會改為顯示Log out登出按鈕

6. 點選登出，會回到一開始的登入畫面

總結

今天我們練習了FB登入功能，練習的過程中有發現，如果FB應用程式沒有『開啟』，那只能用自己(開發者)的帳號來做測試。而開啟FB應用程式，則需要設定『隱私政策網址』。

發現FB開發者網站，快速設定的教學中，代碼大多是Object-C，因此，又花了些時間找尋相關資料。

今天的內容就到這邊，感謝讀者們的閱讀。

Github:

https://github.com/chiron-wang/IT30_11

參考資料與延伸閱讀

1. 深入淺出 iPhone 開發 (使用 Swift4) - WeiWei
   https://www.udemy.com/course/iphone-swift4/

2. iOS 12 App 開發快速入門與實戰(繁體中文)
   https://www.udemy.com/course/ios-12-app/

3. 心智圖軟體Xmind
   https://www.xmind.net/

4. FBLogin 官方說明文件
   https://developers.facebook.com/docs/facebook-login/ios/

5. FBLogin 官方說明文件 (swift)
   https://developers.facebook.com/docs/swift/login

6. FBLogin 官方說明文件 (swift) 中文版
   https://developers.facebook.com/docs/facebook-login/ios?locale=zh_TW

7. privacypolicies
   https://privacypolicies.com

8. 產生 App 上架需要的隱私權政策 URL
   https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84-swift-ios-app-%E9%96%8B%E7%99%BC%E5%95%8F%E9%A1%8C%E8%A7%A3%E7%AD%94%E9%9B%86/%E7%94%A2%E7%94%9F-app-%E4%B8%8A%E6%9E%B6%E9%9C%80%E8%A6%81%E7%9A%84%E9%9A%B1%E7%A7%81%E6%AC%8A%E6%94%BF%E7%AD%96-url-7bc4746cf75d

[FBLogin]

9. Swift4 Day77：App的Facebook登入手把手教學
   https://medium.com/100-days-of-swift/swift4-day77-facebook%E7%99%BB%E5%85%A5-6f0a22c3d438

10. iOS開發者指南：如何使用Firebase整合Facebook登入
    https://www.appcoda.com.tw/firebase-facebook-login/

11. FB登入教學與常見問題-iOS-swift
    http://codus.me/blog/fb-login-iOS.html