如何在React-Native项目中基于Firebase实现Microsoft身份验证

云上老周

2026-9-26

React Native Firebase Microsoft 基础登录实现步骤

1. 控制台配置

首先在Azure应用注册页面创建新应用，记录客户端ID、租户ID，重定向URI配置为https://<你的Firebase项目ID>.firebaseapp.com/__/auth/handler
进入Firebase控制台的Authentication模块，打开「登录方法」页，启用Microsoft登录提供商，填入上一步拿到的客户端ID和租户ID后保存

2. 项目依赖配置

确保项目已经完成@react-native-firebase/app的基础接入

安装Auth模块依赖：

npm install @react-native-firebase/auth
# iOS端需额外执行
cd ios && pod install

3. 登录功能代码实现

import auth from '@react-native-firebase/auth';
import { OAuthProvider } from '@react-native-firebase/auth';

// 登录触发函数
const handleMicrosoftLogin = async () => {
  const provider = new OAuthProvider('microsoft.com');
  // 基础登录所需权限，有额外需求可自行添加scope
  provider.addScope('openid');
  provider.addScope('profile');
  provider.addScope('email');

  try {
    // 弹窗方式发起登录，移动端也可替换为signInWithRedirect方法
    const userCredential = await auth().signInWithPopup(provider);
    // 登录成功后可通过userCredential.user获取用户公开信息
    console.log('登录成功', userCredential.user.uid, userCredential.user.email);
  } catch (err) {
    // 登录异常处理，比如用户取消授权、网络错误等
    console.error('登录失败：', err.code, err.message);
  }
}