私は最近、この驚くべきシンプルな認(rèn)証ツールを発見し、自分のプロジェクトに実裝することができました。皆さんもこの認(rèn)証ツールを自分のプロジェクトでも使用できるように、すべての機(jī)能を段階的に共有したいと思います。

私はフロントエンド開発者ですが、バックエンドに関する知識は非常に曖昧です。特に、ユーザーが個(gè)人情報(bào)を開発する際に機(jī)密情報(bào)や暗號化された情報(bào)を保存する必要があるログイン/登録畫面の実裝に関してはそうです。アプリケーションでは、この信じられないほど使いやすいツールがオプションとして登場しました。それでは、早速、例と説明を見てみましょう。

この最初の投稿では、Firebase でプロジェクトを作成し、プロジェクトを機(jī)能させるために必要なものをすべて設(shè)定します...

1. Firebase にログインするときに、オプション プロジェクトの作成 に移動(dòng)します。
   

2. その後、プロジェクトに名前を付け (アプリの名前を付けることをお?jiǎng)幛幛筏蓼?。私の場合は、ログインアプ?、続行 をクリックします。
   

3. 次のステップは、プロジェクトの Google Analytics を有効にするかどうかです。私の場合は有効にしませんが、それはあなた次第です。その後、プロジェクトの作成.
   

4. 読み込みが完了するまで待ち、

   続行 をクリックします。
   

5. すべてがうまくいけば、この畫面が表示されます。

   
   

6. 次のステップでは、このオプション

   認(rèn)証 に進(jìn)みます。
   

7. その中で、

   始めましょう に移動(dòng)します。
   

8. オプション

   メール/パスワード を選択します。
   

9. 次に、ログイン オプションを有効にして設(shè)定を保存します。
   

10. 畫像に示すように、選択したオプションが 認(rèn)証 メイン畫面に表示されることがわかります。
    

11. 次に、新しいサプライヤーの追加 オプションに進(jìn)み、Google でのログインも構(gòu)成します。
    

12. Google オプションを選択するだけです。
    

13. 次に、アクティブ化する必要があります。その直後に、プロジェクトのパブリック名のタブが開き、ランダムな名前が作成されます。この場合、プロジェクト login-app と同じ名前を付けます。また、サポート用のメールも要求されます。通常、Google からのメールが検索されます。最後に を選択するだけです。 >を保存します。
    

14. そして、再びメインの 認(rèn)証 畫面にリダイレクトされ、2 つのアクティブなプロバイダーが表示されます。
    

プロジェクトの作成と試著室の構(gòu)成のこの部分はついに終わりました?。すぐに手を動(dòng)かしてすべてうまくいくことを約束します。

次に、Firebase ホームページに戻り、Firebase をプロジェクトに統(tǒng)合するために必要なコードをコード內(nèi)で取得できるようにする必要があります。

1. ここプロジェクト概要で、Web.
   アプリを選択しましょう

2. それでは、このアプリにニックネームを付けましょう。ここでも、login-app という名前を付け、アプリの登録 をクリックすることにしました。
   

3. これが完了すると、Firebase をインストールするコマンドから Web アプリの設(shè)定に至るまで、プロジェクトに SDK を追加するために必要なすべてのものが提供されます。
   

SDK を追加するこの部分では、npm または script タグの使用を選択できることに注意してください。私の場合、アイデアはこれを Vue JS プロジェクトに統(tǒng)合することなので、とにかく NPM を使用します。

さて、いよいよ重要なコードに移りましょう。

以上がfirebase Vue JS #STEPでログイン/登録の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。