Firebase

プログラミング

FirebaseのAuthentication(認証)関連処理をReactで作ってみた

Udemyの『初心者がReactとfirebaseで作るモバイル対応PWAアプリケーション』という講座を学習して、 神谷 Firebaseって無料で使えるしAPIも分かり易そうだからいいんじゃね。簡単なDBならすぐ作れそうだし。Fireba...
プログラミング

Firebaseに作成したアプリに登録したユーザのパスワードを変更するためのReactのコードを解説

Firebaseに作成したReactのアプリに登録したユーザのパスワードを変更するための処理にフォーカスを当てて解説します。 ※ ソースはこちら:Github ※ アプリはこちら:「Firebaseに認証するだけのアプリ」 ※ パッケージの...
プログラミング

Firebaseに作成したアプリにGoogle ID登録したユーザーの退会処理ためのReactのコードを解説

Firebaseに作成したReactのアプリにGoogle IDで登録したユーザーの退会処理にフォーカスを当てて解説します。 ※ ソースはこちら:Github ※ アプリはこちら:「Firebaseに認証するだけのアプリ」 ※ パッケージの...
プログラミング

Firebaseに作成したアプリにメールとパスワードで登録したユーザーの退会処理ためのReactのコードを解説

Firebaseに作成したReactのアプリにメールとパスワードで登録したユーザーの退会処理にフォーカスを当てて解説します。 ※ ソースはこちら:Github ※ アプリはこちら:「Firebaseに認証するだけのアプリ」 ※ パッケージの...
プログラミング

Firebaseに作成したアプリにログインするためのReactのコードを解説

Firebaseに作成したReactのアプリにログインする処理にフォーカスを当てて解説します。 ※ ソースはこちら:Github ※ アプリはこちら:「Firebaseに認証するだけのアプリ」 ※ パッケージのバージョン:”firebase...
プログラミング

Firebaseに作成したアプリにメールアドレスとパスワードでサインアップするReactのコードを解説

Firebaseに作成したReactのアプリにメールアドレスとパスワードでサインアップする処理にフォーカスを当てて解説します。 ※ ソースはこちら:Github ※ アプリはこちら:「Firebaseに認証するだけのアプリ」 ※ パッケージ...
プログラミング

Cross-Origin-Opener-Policy policy would block the window.closed callの対処方法

Firebaseを使ってのアプリを作成している時、Google認証でログインした時に、コンソールに「Cross-Origin-Opener-Policy policy would block the window.closed call」エ...
プログラミング

Firebaseにメールまたはどのプロバイダからログインしたかを知る方法

Firebaseの認証には、 メール認証 GoogleID認証 facebook認証 Twitter認証 ・・・・ など、いろいろなプロバイダーを使ってログインする方法があります。 神谷 アプリにどんな認証を許可するかの設定はこちらから。 ...
マーケティング

ReactプロジェクトにおいてGoogleユーザーでFirebaseへの認証を実装する

ReactプロジェクトにおいてGoogleユーザーでFirebaseへの認証を実装するための具体的なコードのご紹介。 Firebase SDKはV9を使用しています。 Firebaseに認証を設定する方法はこちらから。 ファイル構成 とりあ...
プログラミング

ReactからFirebaseにアクセスするための環境設定

ReactのプロジェクトからFirebaseにアクセスするための設定方法をご紹介。 Firebaseにアクセスするための環境情報の設定 .env.localファイル プロジェクトのトップディレクトリ配下に「.env.local」ファイルを作...