Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> iOS

วิธีผสาน Facebook Login ในแอป iOS ด้วย Swift

การล็อกอินด้วยบัญชีโซเชียลกลายเป็นมาตรฐานของแอปปัจจุบัน Facebook Login เป็นหนึ่งในตัวเลือกยอดนิยม บทความนี้จะสอนการใช้ Facebook Login เพื่อเข้าถึงข้อมูลพื้นฐานของผู้ใช้และล็อกอินเข้าแอป

การผสาน Facebook Login ต้องทำหลายขั้นตอน ข้ามขั้นตอนใดขั้นตอนหนึ่งไม่ได้

ขั้นตอนที่ 1: ลงทะเบียนนักพัฒนา

สมัครนักพัฒนาที่: https://developers.facebook.com/

ขั้นตอนที่ 2: สร้างแอปใหม่

หลังสมัครเสร็จ จะเข้าสู่ Dashboard คลิกเมนูซ้ายบน → เลือก "Create New App" หรือ "Create Test App" → กรอกชื่อแอป

วิธีผสาน Facebook Login ในแอป iOS ด้วย Swift
วิธีผสาน Facebook Login ในแอป iOS ด้วย Swift

ขั้นตอนที่ 3: เพิ่มแพลตฟอร์ม iOS

ไปที่แท็บ Settings → เลื่อนลงหา "Add Platform" → เลือก iOS → กรอก Bundle ID, iPhone Store ID เป็นต้น

วิธีผสาน Facebook Login ในแอป iOS ด้วย Swift

สำคัญ: เปิดใช้งาน "Single Sign On" ด้วย

ขั้นตอนที่ 4: ติดตั้ง SDK ผ่าน CocoaPods

เพิ่มใน Podfile:

pod 'FBSDKCoreKit'
pod 'FBSDKLoginKit'

รัน pod install

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

<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>

แทนที่ {your-app-id} และ {your-app-name} ด้วยค่าจริง

ขั้นตอนที่ 6: ใช้งานในโค้ด

import FacebookLogin

func viewDidLoad() {
let loginButton = LoginButton(readPermissions: [ .publicProfile ])
loginButton.center = view.center
view.addSubview(loginButton)
}