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

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

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

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

การกำหนดค่าด้วยตนเอง

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

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

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

ขั้นตอนที่ 4 กำหนดค่าโปรเจ็กต์ Xcode

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

ขั้นตอนที่ 6 เพิ่มกิจกรรมในแอพ

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

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

เปิดแดชบอร์ดของแอพ Facebook

2. เลือก การตั้งค่า จากการนำทางด้านซ้าย
3. คลิก เพิ่มแพลตฟอร์ม ที่ด้านล่างของเพจแล้วเลือก iOS
4. ค้นหาตัวระบุชุดรวมของคุณใน Xcode แล้วคัดลอกไว้ในคลิปบอร์ดของคุณ



5. กลับไปที่แดชบอร์ดของแอพแล้ววางตัวระบุชุดรวมของคุณลงในช่อง ID ชุดรวม



6. เปิดใช้งานเข้าสู่ระบบแบบครั้งเดียว
7. คลิก บันทึกการเปลี่ยนแปลง ที่ด้านล่างหน้าต่างแดชบอร์ดของแอพ

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

1. ดาวน์โหลด SDK โดยใช้ปุ่มด้านล่าง

ดาวน์โหลด iOS SDK

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

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

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

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

ขั้นตอนที่ 4 กำหนดค่าโปรเจ็กต์ Xcode

1. ใน Xcode คลิกขวาที่ไฟล์ .plist ของโปรเจ็กต์แล้วเลือก “เปิดเป็น” -> “ซอร์สโค้ด”

2. แทรกส่วนย่อย XML ต่อไปนี้ลงในตัวไฟล์ก่อนอิลิเมนต์ </dict> สุดท้าย

<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>
<key>NSPhotoLibraryUsageDescription</key>
  <string>{human-readable reason for photo access}</string>

3. แทนที่ fb{your-app-id} ด้วย ID แอพ Facebook ของคุณ นำหน้าด้วย fb ตัวอย่างเช่น fb123456 คุณสามารถค้นหา ID แอพได้บนแดชบอร์ดของแอพ Facebook
4. แทนที่ {your-app-id} ด้วย ID ของคุณ
5. แทนที่ {your-app-name} ด้วยชื่อที่แสดงที่คุณระบุไว้ในแดชบอร์ดของแอพ
6. แทนที่ {human-readable reason for photo access} ด้วยเหตุผลที่แอพของคุณจำเป็นต้องได้รับสิทธิ์เข้าถึงรูปภาพ

ขั้นตอนที่ 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;
}

ขั้นตอนที่ 6 เพิ่มกิจกรรมในแอพ

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

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

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

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

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

1. รวบรวมและเรียกใช้แอพ
2. ไปที่ Analytics สำหรับแดชบอร์ดของแอพ แล้วเลือกแอพของคุณ

เปิดแดชบอร์ด Analytics สำหรับแอพ

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

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

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

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