요즘 애플리케이션에서 소셜 로그인은 매우 보편적인 기능이 되었습니다. 그중에서도 Facebook 로그인은 가장 널리 사용되는 방식 중 하나로, 이를 활용하면 사용자의 기본 정보에 접근하여 간편하게 앱에 로그인할 수 있습니다.
Facebook 로그인을 구현하는 과정은 여러 단계로 이루어져 있으며, 어느 하나의 단계도 건너뛸 수 없습니다. 이 글에서는 iOS 앱에 Facebook 로그인을 통합하는 전체 과정을 순서대로 살펴보겠습니다.
1. Facebook 개발자 계정 등록
가장 먼저 https://developers.facebook.com/ 에 접속하여 개발자로 등록해야 합니다.
개발자 가입에 필요한 절차를 모두 완료하면 대시보드 화면으로 이동하게 됩니다.
2. 새 앱 생성
대시보드 화면 상단 왼쪽 메뉴의 화살표를 클릭한 뒤, '새 앱 만들기(Create New App)' 또는 '테스트 앱 만들기(Create Test App)'를 선택합니다. 그러면 앱 이름을 입력하는 화면이 나타나는데, 여기에 앱의 이름을 입력하고 진행하면 됩니다.
3. 플랫폼 설정 및 프로젝트 정보 입력
앱 생성이 완료되면 왼쪽 사이드 메뉴에서 Settings(설정) 탭으로 이동합니다. 설정 페이지를 아래로 스크롤하여 Add Platform(플랫폼 추가) 옵션을 찾으면, 플랫폼을 선택할 수 있는 목록이 표시됩니다.
여기서 iOS를 선택하면 새로운 페이지로 이동하게 되며, 다음과 같은 프로젝트 정보를 입력해야 합니다.
- Bundle ID (번들 아이디)
- iPhone Store ID
또한 설정 메뉴에서 Single Sign On(싱글 사인온) 옵션이 활성화되어 있는지 반드시 확인하세요. 이것으로 개발자 포털에서 필요한 모든 작업이 끝납니다.
4. CocoaPods 의존성 추가
이제 Xcode 프로젝트의 Podfile을 열고 아래 두 개의 라이브러리를 추가합니다.
pod 'FBSDKCoreKit' pod 'FBSDKLoginKit'
Podfile 수정 후 터미널에서 pod install 명령어를 실행하여 라이브러리를 설치합니다.
5. Info.plist 파일 설정
다음으로 Info.plist 파일에 아래 내용을 추가하여 URL 스킴과 앱 정보를 설정해야 합니다.
<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. View Controller에서 로그인 버튼 구현
모든 설정이 완료되었다면, 이제 View Controller에 로그인 SDK를 임포트하고 아래와 같이 로그인 버튼을 구현합니다.
import FacebookLogin
func viewDidLoad() {
let loginButton = LoginButton(readPermissions: [ .publicProfile ])
loginButton.center = view.center
view.addSubview(loginButton)
}위 코드는 화면 중앙에 Facebook 로그인 버튼을 배치하며, 사용자가 버튼을 탭하면 공개 프로필(publicProfile) 권한을 요청하는 로그인 창이 열립니다.
마무리
지금까지 Facebook 개발자 등록부터 앱 생성, 플랫폼 설정, 라이브러리 설치, Info.plist 구성, 그리고 실제 로그인 버튼 구현까지 iOS 앱에 Facebook 로그인을 통합하는 전 과정을 알아보았습니다. 각 단계를 순서대로 따라 하면 누구나 손쉽게 소셜 로그인 기능을 앱에 추가할 수 있습니다.