การเริ่มต้นใช้งาน Facebook SDK สำหรับ iOS

Facebook SDK สำหรับ iOS เป็นวิธีที่ง่ายที่สุดในการรวมแอพ iOS ของคุณกับ Facebook เครื่องมือนี้มีประโยชน์ดังนี้

คุณมีสองวิธีในการติดตั้งแอพเพื่อใช้งาน Facebook SDK หากคุณไม่ได้ลงทะเบียนแอพพลิเคชั่นด้วย Facebook ทางเลือกที่ง่ายและรวดเร็วที่สุดคือการใช้เครื่องมือการเริ่มต้นใช้งานอย่างง่าย อีกทางเลือกคือ ข้ามการใช้เครื่องมือการเริ่มต้นใช้งานอย่างง่าย และทำตามคำแนะนำด้วยตนเองที่ด้านล่าง

การเริ่มต้นใช้งานอย่างง่ายสำหรับ iOS

ขั้นตอนที่ 1: กำหนดการตั้งค่าแอพ Facebook สำหรับ iOS

  1. เปิดแดชบอร์ดของแอพ Facebook โดยคลิกที่ปุ่มด้านล่างแล้วเลือกแอพพลิเคชั่นของคุณ
  2. เปิดแดชบอร์ดของแอพ Facebook

  3. เลือก “การตั้งค่า” จากการนำทางด้านซ้าย
  4. คลิก “เพิ่มแพลตฟอร์ม” ที่ด้านล่างของเพจแล้วเลือก iOS
  5. ค้นหาตัวระบุชุดรวมของคุณใน Xcode แล้วคัดลอกไว้ในคลิปบอร์ดของคุณ
  6. กลับไปที่แดชบอร์ดของแอพแล้ววางตัวระบุชุดรวมของคุณลงในช่อง “ID ชุดรวม”
  7. เปิดใช้งาน “เข้าสู่ระบบแบบครั้งเดียว”
  8. คลิก “บันทึกการเปลี่ยนแปลง” ที่ด้านล่างหน้าต่างแดชบอร์ดของแอพ

ขั้นตอนที่ 2: ดาวน์โหลด Facebook SDK สำหรับ iOS

  1. ดาวน์โหลด SDK โดยใช้ปุ่มด้านล่าง
  2. ดาวน์โหลด SDK สำหรับ iOS

  3. แตกซิปไฟล์ที่เก็บถาวรไปไว้ที่ ~/Documents/FacebookSDK

ขั้นตอนที่ 3: เพิ่ม SDK ไปยังโปรเจ็กต์

วิธีเพิ่ม SDK ใน Xcode

  1. เปิดโปรเจ็กต์ Xcode ของแอพพลิเคชั่นของคุณ
  2. หากคุณไม่มีกลุ่มเฟรมเวิร์กในโปรเจ็กต์ ให้สร้างกลุ่มใหม่
  3. เปิด “~/Documents/FacebookSDK” โดยใช้ตัวค้นหา
  4. ลากไฟล์ Bolts.framework, FBSDKCoreKit.framework, FBSDKLoginKit.framework และ FBSDKShareKit.framework ไปไว้ในกลุ่มเฟรมเวิร์กของตัวนำทางโปรเจ็กต์ ของ Xcode เมื่อมีการแจ้งเตือน ให้เลือก “คัดลอกรายการหากต้องการ” แล้วดำเนินการต่อ

ขั้นตอนที่ 4: กำหนดค่า info.plist

  1. ใน Xcode คลิกขวาที่ไฟล์ Info.plist ของโปรเจ็กต์แล้วเลือก “เปิดเป็น” -> “ซอร์สโค้ด
  2. แทรกส่วนย่อย XML ต่อไปนี้ลงในตัวไฟล์ก่อนอิลิเมนต์ </dict> สุดท้าย

  3. <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-share-api</string>
      <string>fbauth2</string>
      <string>fbshareextension</string>
    </array>
  4. แทนที่ “{your-app-id}” และ “{your-app-name}” ด้วย ID และชื่อของแอพในแอพของคุณที่พบใน “แดชบอร์ดของแอพบน Facebook

ขั้นตอนที่ 5: เชื่อมต่อตัวแทนแอพ

ในการดำเนินการกับผลลัพธ์ที่เกิดขึ้นจากการดำเนินการที่กำหนดให้คุณสลับไปที่แอพ Facebook แบบเนทีฟหรือ Safari เช่น การเข้าสู่ระบบด้วย Facebook หรือกล่องโต้ตอบของ Facebook คุณจะต้องเชื่อมต่อคลาส AppDelegate ของคุณกับอ็อบเจ็กต์ FBSDKApplicationDelegate ในการดำเนินการให้เสร็จสิ้น ให้เพิ่มโค้ดต่อไปนี้ลงในไฟล์ AppDelegate.m ของคุณ

//  AppDelegate.m
#import <FBSDKCoreKit/FBSDKCoreKit.h>

- (BOOL)application:(UIApplication *)application 
    didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  
  [[FBSDKApplicationDelegate sharedInstance] application:application
    didFinishLaunchingWithOptions:launchOptions];
  // Add any custom logic here.
  return YES;
}

- (BOOL)application:(UIApplication *)application 
            openURL:(NSURL *)url 
            options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options {

  BOOL handled = [[FBSDKApplicationDelegate sharedInstance] application:application
    openURL:url
    sourceApplication:options[UIApplicationOpenURLOptionsSourceApplicationKey]
    annotation:options[UIApplicationOpenURLOptionsAnnotationKey]
  ];
  // Add any custom logic here.
  return handled;
}

หมายเหตุ: ในตัวอย่างการนำไปใช้งานของ -application:openURL:sourceApplication:annotation: ข้างต้น จำเป็นต้องมีการเรียกคำสั่ง FBSDKApplicationDelegate สำหรับการลิงก์ตรงที่เลื่อนออกไปเพื่อให้ทำงานอย่างถูกต้อง

ขั้นตอนที่ 6 เพิ่มเหตุการณ์ในแอพ

ตอนนี้ได้ติดตั้งและกำหนดค่า SDK แล้ว วิธีที่ง่ายที่สุดในการทดสอบก็คือการเพิ่มเหตุการณ์ในแอพในแอพของคุณ เหตุการณ์ในแอพจะช่วยให้คุณเข้าใจวิธีที่ผู้คนกำลังใช้แอพของคุณ สามารถดำเนินการได้โดยบันทึกเหตุการณ์ผ่านเหตุการณ์ที่กำหนดไว้ล่วงหน้า 14 รายการ เช่น หยิบใส่ตะกร้าในแอพเชิงพาณิชย์ หรือด่านที่เล่นผ่านในเกม คุณสามารถกำหนดเหตุการณ์ที่กำหนดเองได้

บันทึกการเปิดใช้งานแอพ

ในการดูว่ามีกี่คนกำลังใช้แอพพลิเคชั่นของคุณอยู่ ให้บันทึกการเปิดใช้งานแอพโดยเพิ่มโค้ดต่อไปนี้ลงในไฟล์ AppDelegate.m

//  AppDelegate.m
#import <FBSDKCoreKit/FBSDKCoreKit.h>
- (void)applicationDidBecomeActive:(UIApplication *)application {
  [FBSDKAppEvents activateApp];
}

การตรวจสอบยืนยันการบันทึก:

  1. รวบรวมและเรียกใช้แอพ
  2. ไปที่ “แดชบอร์ด Facebook Analytics” แล้วเลือกแอพของคุณ
  3. เปิด Facebook Analytics

  4. จากเมนูด้านซ้าย เลือก “กิจกรรม” -> “เหตุการณ์

จะเกิดการล่าช้าเป็นเวลาสั้นๆ ก่อนที่การเปิดใช้งานของคุณจะแสดงบนแดชบอร์ดเหตุการณ์ หากคุณไม่เห็นอะไรเลย ให้รอสักครู่แล้วรีเฟรชเพจ

เมื่อคุณใช้ Facebook SDK เหตุการณ์บางอย่างในแอพของคุณจะได้รับการลงบันทึกและเก็บรวบรวมไว้สำหรับ Facebook Analytics โดยอัตโนมัติ เว้นแต่คุณจะปิดใช้งานการลงบันทึกเหตุการณ์โดยอัตโนมัติ สำหรับรายละเอียดเกี่ยวกับข้อมูลที่รวบรวมและวิธีปิดการบันทึกเหตุการณ์อัตโนมัติ โปรดดูการบันทึกเหตุการณ์ในแอพโดยอัตโนมัติ

ขั้นตอนถัดไป

หากต้องการเรียนรู้วิธีนำกิจกรรมในแอพและผลิตภัณฑ์ของ Facebook ไปใช้ในแอพของคุณ ให้คลิกที่ปุ่มใดปุ่มหนึ่งด้านล่าง

การแชร์ใน iOSเพิ่มการเข้าสู่ระบบด้วย Facebookเพิ่มเหตุการณ์ในแอพใช้ API กราฟ
การกำหนดค่าขั้นสูง