BitScheduler開発日誌、4回目です。
今回はFirebaseの認証プロバイダを使う際の注意点の共有です。
BitSchedulerはGoogleカレンダーと連携するサービスなので、利用にはGoogleアカウントが必須です。
FirebaseではGoogle認証も提供されているので、今回はそれを使おうと開発者ガイドに沿って実装したのですが、ハマりました。(TT)
現象
認証プロバイダの下記該当コードが実行されても認証画面にリダイレクトされない。
Google認証プロバイダを使う場合
var provider = new firebase.auth.GoogleAuthProvider();
firebase.auth().signInWithRedirect(provider);
ボクがハマった原因
buttonタグのtype属性が"submit"だった。buttonタグを使う場合は "button" 属性にしましょう。
間違い
<button type="submit" class="btn btn-success bs-login">Sign in</button>
正解
<button type="button" class="btn btn-success bs-login">Sign in</button>
他のログインフォームをコピーした名残で盲点でした。みなさんお気をつけくださいませ。
BitSchedulerとは
開発中の出欠投稿サービスです。Googleカレンダーと連携することで簡単に管理、運用できることを目指しています。
ぜひ「いいね」して応援してください！