FirebaseのSNSログイン機能の実装(GoogleとFacebook)どうも、サトウダイキです。Firebaseのログイン実装について記載してきます。前回はメールアドレスと電話番号の実装をしました。tech.maricuru.com今回はFacebookアカウントとGoogleアカウントでのログインについです。FacebookアカウントでのログインFacebookログインはFirebaseの公式サイト通りやっていけば簡単に実装できます。公式サイトも合わせて確認しながら実装してみてください。アプリシークレットを取得します。続いて、Fireabaseの設定です。セクションを開きます。してリストされていることを確認します。パッケージのインストールターミナルを立ち上げ、今回必要なパッケージをインストールします。expo-facebookロジックの実装ここからは実装です。ロジック部分から作成していきます。ところは自身の値を入力してください。ところは自身の値を入力してください。大きな流れとしては、initializeAsyncでログインして、signInWithCredentialでサインインします。関数を用意してくれているので非常に助かります。続いてUI部分の実装です。/>ボタンを押した時に、先ほど作成したfacebookSignUpを呼び出します。完成Facebookログインボタン追加ボタン押下後ログイン画面これでFacebookログインは完成です。Googleアカウントログイン最後にGoogleアカウントでのログインについてです。こちらはFacebookログインほど簡単にはできません。Developコンソールにログインして、必要な作業をしていきます。CredentialsをクリックCredentialsCredentialsを選択。Consoleでプロジェクトを作成し、認証情報を追加する必要があります。[認証情報]タブ→[認証情報を作成]→[OAuthクライアントID]を選択しクライアントIDを作成します。Androidの場合はパッケージ名を、iOSの場合はバンドルIDをhost.exp.exponentと入力します。パッケージのインストール今回の実装に必要はパッケージをインストールします。--------の箇所は先ほ取得した自身の値を設定してください。処理の大きな流れは、Googleアカウントにログインして、成功したらそのままFirebaseに登録しております。今作成したロジックを画面から呼び出せるようにします。/>これでGoogleログインも完了です。最後に最終的コードを貼っておきます。----の箇所は全て自身の値に書き換えてください。まとめいかがだったでしょうか。複雑な実装も多かったと思いますが、これで一通りのログイン制御はできると思います。Firebaseのログイン機能の実装(メールアドレスと電話番号)どうも、サトウダイキです。Native】【Expo】ディープリンクを実装するこんにちは、maricuruのワダ(@takahi5)です。FirebaseのSNSログイン機能の実装(GoogleとFacebook)月別アーカイブ検索リンクmaricuru運営会社スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。