【Swift】iOSアプリにFacebookログインを実装する方法をステップごとに解説

近年、ソーシャルログインはアプリ開発において非常に一般的な機能となっています。その中でもFacebookログインは代表的な存在であり、本記事ではFacebookログインを活用してユーザーの基本情報へアクセスし、アプリへのログインを実現する方法を詳しく解説します。

アプリにFacebookログインを実装するには、複数のステップを順番に完了させる必要があります。どれか一つでも省略すると正しく動作しないため、注意深く進めていきましょう。

1. Facebook開発者ポータルでの準備

開発者アカウントの登録

最初のステップは、https://developers.facebook.com/ で開発者として登録することです。

開発者としてサインアップし、必要な手順を完了すると、ダッシュボードが表示されます。

新しいアプリの作成

次に、画面左上のメニューから矢印をクリックし、「Create New App(新規アプリを作成)」または「Create Test App(テストアプリを作成)」を選択します。アプリ名を入力する画面が表示されるので、任意の名前を入力しましょう。

iOSプラットフォームの追加

プロジェクトの作成が完了したら、左側メニューの「Settings(設定)」タブに移動し、「Add Platform(プラットフォームを追加)」までスクロールします。プラットフォームを選択する画面が表示されます。

ここで「iOS」を選択すると、Bundle ID や iPhone Store ID など、プロジェクトの詳細情報を入力するページに移動します。

あわせて、メニューから「Single Sign On」も有効にしておいてください。これで開発者ポータル側の設定はすべて完了です。

2. CocoaPodsによるSDKの導入

次に、Podfileを開き、以下のコードを追加します。

pod 'FBSDKCoreKit'
pod 'FBSDKLoginKit'

その後、podをインストールしてください。

pod install

3. Info.plistの設定

続いて、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} の部分は、実際のアプリIDとアプリ名に置き換えてください。

4. ログインボタンの実装

最後に、Login SDKをビューコントローラーにインポートし、以下のように記述します。

import FacebookLogin

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

まとめ

以上の手順で、iOSアプリにFacebookログインを統合できます。開発者ポータルでの設定、CocoaPodsによるSDK導入、Info.plistの編集、そしてログインボタンの実装という流れを押さえておけば、スムーズに構築できるでしょう。Facebookログインを導入すれば、ユーザーは面倒な新規登録なしで手軽にアプリを利用できるようになり、UXの向上にもつながります。