FireBaseのドロップイン認証の実装を全2回に分けて解説していきます。
今回は準備編として、FireBaseのコンソール上での準備を行っていきます。

FireBaseは2011年にFireBase社が開発したモバイル・Webアプリケーション開発プラットフォームで、2014年にGoogleに買収されました。主な機能としては、下記が挙げられます。

今回は、認証機能を実装する際に利用する「Authentication」を利用していきます。

FireBaseを使ってログイン機能を実装するフロー

今回はStep２まで解説していきます。

Step1. Googleアカウントを作成

FireBaseのアカウントはGoogleアカウントと共通なのでGoogleアカウントを作成します。

Step2. FireBaseのコンソールで準備をする

1. FireBaseにログインします。

右上のログインからGoogleアカウントでログインします。
次にログインの隣のコンソールへ移動からコンソールへ移動します。
FireBaseログイン

↑ページ右上拡大図

2. コンソールからプロジェクトを作成します。

3. プロジェクト名をつけます。

4. アナリティクスの地域を選択し、プロジェクトを作成を押します。

5. プロジェクトを作成できたところで、アプリをFireBaseに登録していきます。

6. アプリのニックネームをつけアプリを登録します。

7. こちらのスクリプトをコピーしメモ帳に張り付けておきます。（後からでも確認できます）

※このスクリプトは外部に漏らさないでください

8. ログインプロバイダを設定します

Sign-in methodを押しメール/パスワードを選択します。

メール/パスワードを有効にします。

これでFireBaseのコンソール上での操作は終わりです。

さいごに

以上でFireBaseのコンソール上での操作が終わり、ログイン機能を実装する準備が整いました。
次回は実際にログイン機能を実装していきます。

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

アーティス

創造性を最大限に発揮するとともに、インターネットに代表されるITを活用し、みんなの生活が便利で、豊かで、楽しいものになるようなサービスやコンテンツを考え、創り出し提供しています。

最新記事 by アーティス (全て見る)

• 暗号資産を使うための準備をしよう！「仮想通貨ウォレットMetaMaskのインストール&初期設定」 - 2022年3月2日
• Chromatic で Visual Regression Testingを導入する方法 - 2022年1月28日
• goroutineでmapにアクセスするときは排他制御をしよう - 2021年12月24日
• React18 beta の新機能を紹介する【Automatic Batching （自動バッチ処理）編】 - 2021年11月26日
• ホームページ（HP）とランディングページ（LP）の違いは？ランディングページのメリット・デメリットを解説します。 - 2021年11月2日