以下の本家のページにMicrosoft認証の話が書いてありますが、Azure側でどうすれば良いのか、書いてないので、備忘録も兼ねて投稿します。
https://firebase.google.com/docs/auth/web/microsoft-oauth?hl=ja
JavaScript
リダイレクト部分
const provider = new firebase.auth.OAuthProvider('microsoft.com')
provider.setCustomParameters({ prompt: 'consent' })
firebase.auth().signInWithRedirect(provider)
Callback部分
- Google認証、Facebook認証だと
onAuthStateChangedだけで十分ですが、Microsoft認証だとgetRedirectResultも必要になります。
const onAuthStateChanged = async (): Promise<firebase.User | null> => {
await firebase.auth().getRedirectResult()
return new Promise((resolve) => {
firebase.auth().onAuthStateChanged((user) => resolve(user))
})
}
Azure
-
https://portal.azure.com/ にログインして、
Azure Active Directoryの管理を選択します。
-
アプリを新規登録
-
サポートされているアカウントの種類は、自身のサービスに一致するものを選んでください。 -
リダイレクトURIは、Firebaseの画面で表示されたものをコピペします。
-
登録後にアプリケーションIDが表示されるので、これをFirebaseで登録することになります。
-
Firbaesの画面でシークレットキーも設定する必要があるので、クライアントシークレットを発行します。
-
発行した時のIDは不要です。 使うのは値だけ です。
-
Firebaseの画面で設定するのは以上で終わりなのですが、認証後のCallbackで値をもらうために、APIの設定が必要になります。
-
アクセス許可の追加を選択します。
-
Microsoft Graphを選択します。
-
取得したいものを選択します。emailは必要だと思いますが、他は必要に応じて選択してください。
Firebase
-
アプリケーションIDとシークレットキーはAzureで取得した内容を設定します。
-
以上で終わりになります。お疲れ様でした。