You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Firebase手机号认证无法发送短信验证码问题求助

Angular + Firebase 手机号认证无法发送短信验证码(无错误提示)

我正在开发一个基于Angular的Web应用,集成Firebase手机号认证功能,但Firebase无法向我的手机号发送短信验证码,且控制台无任何错误或警告信息。

项目依赖

  • 安装命令:npm i firebase

login.html 代码

<button (click)="loginPhoneNumber()">Login with Phone</button>

<div id="recaptcha-container" name="recaptcha-container"></div>

login.ts 代码

ngOnInit() {
  const firebase = {
    apiKey: "XXzaSyCXXrywlvhKPEaxaa-XXJmPiYck0olYXX0",
    authDomain: "ooowwapp-111fb.firebaseapp.com",
    projectId: "ooowwapp-111fb",
    storageBucket: "ooowwapp-111fb.appspot.com",
    messagingSenderId: "134560933011",
    appId: "1:134560933011:web:113bba1111e89742897111"
  };
  this.app = initializeApp(firebase);
  this.auth = getAuth(this.app);
}

async loginPhoneNumber(): Promise<User|null> {
  let phoneNumber: string = "+5511914115181";
  
  (window as any).recaptchaVerifier = new RecaptchaVerifier('recaptcha-container', {
    'size': 'normal',
    'callback': (response:any) => {
      console.log('response',response);
    },
    'expired-callback': () => {
      console.log('expired');
    }
  }, this.auth);

  const appVerifier = (window as any)?.recaptchaVerifier;
  console.log('appVerifier',appVerifier);

  const confirmationResult = await signInWithPhoneNumber(
    this.auth,
    phoneNumber,
    appVerifier
  );
  console.log('confirmationResult',confirmationResult);
  ...
}

浏览器控制台日志

控制台日志截图

Firebase配置截图

Firebase配置截图1
Firebase配置截图2

内容的提问来源于stack exchange,提问作者danilo

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.20 15:08:29