Hướng dẫn cài đặt firebase vào project và cài đặt FBSDK

Các bước thực hiện:
Các bạn cần vào địa chỉ sau (https://console.firebase.google.com/)) ) và click vào create a project

• tại đây chúng ta đặt thêm thông tin và tiếp tục nhấn vào create project
• Tiếp theo chúng ta chọn add Firebase to Your IOS app
• Tại đây Firebase yêu cầu chúng ta cung cấp bundle ID của app
• Chúng ta cần copy bundle ID của project chúng ta vào đây, ở dây bundle ID project của tôi là " TuanNguyen.TuanNguyen-Demo-App "
• Tiếp tục nào , diền bundle ID vào và click ADD APP, app nickname và app store ID bạn có thể để trống vì đây là tuỳ chọn
• Bấn download file và tiếp tục nào
• Sau khi download file plist chúng ta kéo thả vào project của mình
• tại đây firebase yêu cầu chúng ta tạo Podfile nếu chúng ta chưa có
• mở Terminal lên nào , sau đó cd đến nới bạn tạo project (enter) và gõ "Pod init"
• vào đường dẫn project của bạn mở pod file lên thêm vào pod file và save lại
  • pod 'Firebase/Auth'
  • pod 'Firebase/Database'
  • pod 'Firebase/Storage'
• Tới đây để cài đặt được pod file bạn cần cài đặt cocoapod , oh tiếp tục nào. Mở lại terminal lên và thêm dòng lệnh này vào
  • sudo gem install cocoapods - enter - nhập pass máy bạn vào và đợi cài đặt hoàn tất
• Sau khi cài đặt cocoapods , h ta có thể cài đặt podfile bằng lệnh pod install , sau khi cài đặt firebase sẽ tạo ra cho chúng ta 1 file xcworkspace. Từ bây h chúng ta sẽ làm việc trên file này
• Tiếp tục nào mở file xcworkspace lên , chọn vào AppDelegate.swift thêm dòng lệnh như hướng dẫn vào

• Chúng ta đã hoàn tất các bước để thêm firebase vào project của chúng ta. Lúc này chúng ta đã có thể tạo sử dụng firebase để tạo tài khoản , database real time , storage cảu fire base bạn có thể dọc thêm tại đây (https://firebase.google.com/docs/ios/setup)

Tiếp theo mình sẽ hướng dẫn các bạn cài đặt Facebook SDK cho iOS

• Đầu tiền vào đây xem hướng dẫn nào ^^!(https://developers.facebook.com/docs/ios/getting-started)
• Okay. Step 1 click open Facebook App Dashboard nào
• Create app
• Tại trang Dashboard chúng ta chọn vào setting sau đó click add Platform , chọn IOS
• Chúng ta điền bunble ID vào tương tự như ở trên đã làm với firebase và save lại
• Mình sẽ hướng dẫn các bạn cái đặt bộ SDK này bằng cocoapods. Okay đầu tiên chúng ta mở đường thư mục chứa project của chúng ta lên , mở podfile chúng ta vừa tạo khi cài firebase ở trên thêm vào những dòng và save lại
  • pod 'FBSDKCoreKit'
  • pod 'FBSDKShareKit'
  • pod 'FBSDKLoginKit'
• Tiếp theo install pod file , mở terminal lên, cd đên thư mục chứa project , install pod. Sau khi hoàn thành mở file xcworkspace lên nào
• Bước tiếp theo chúng ta cần cấu hình cho project của chúng ta bằng cách mở souce code của file info.plist lên và thêm đoạn code này vào

<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>fb{your-app-id}</string>
    </array>
  </dict>
</array>
<key>FacebookAppID</key>
<string>{your-app-id}</string>
<key>FacebookDisplayName</key>
<string>{your-app-name}</string>
<key>LSApplicationQueriesSchemes</key>
<array>
  <string>fbapi</string>
  <string>fb-messenger-api</string>
  <string>fbauth2</string>
  <string>fbshareextension</string>
</array>

• Thay appID của mình vào
• Tiếp theo chúng ta cần kết nối với app delegate . Nhấn vào file AppDelagate.swift . Import FBSDKCoreKit và thêm đoạn code này Phần này bạn có thể đọc thêm tại đây. nhưng do FB Dev viết bằng Ojective C nên mình đã tìm được code bên swift bên dưới để thay thế (https://developers.facebook.com/docs/ios/getting-started)

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {

        FIRApp.configure()

        FBSDKApplicationDelegate.sharedInstance().application(application, didFinishLaunchingWithOptions: launchOptions)

        return true
    }

    func application(_ app: UIApplication, open url: URL, options: [UIApplicationOpenURLOptionsKey : Any] = [:]) -> Bool {

        let handled = FBSDKApplicationDelegate.sharedInstance().application(app, open: url , sourceApplication: options[UIApplicationOpenURLOptionsKey.sourceApplication] as! String!, annotation: options[UIApplicationOpenURLOptionsKey.annotation])

        return handled
    }

• Như vậy cơ bản chúng ta đã hoàn thành Cài đặt FBSDK

Tuan Nguyen