Question

我已经删除了Firebase的文档，似乎我们需要提供一封电子邮件来验证用户身份。

但我依赖电话号码。

有办法做到这一点吗？

Answer 1

刚刚遇到过这个问题..你可以将你的域名添加到电话号码的末尾并仍然将其作为电子邮件。 787654889@mydomain.com。请务必添加此项以进行注册和登录。这就是我正在做的事情。此方法的唯一缺点是您无法使用firebase提供的功能向用户发送密码重置电子邮件。您必须实现自己的服务服务才能提供。

Answer 2

Firebase现在支持auth，电话号码为：https://firebase.google.com/docs/auth/web/phone-auth

<强>更新：该链接是为官方doku所以请求读取所有指令，因为。

我建议使用firebaseui库来为您完成所有auth UI的工作。这是网络版：https://github.com/firebase/firebaseui-web Android和iOS项目也有一些。

这里还有一个演示应用程序，您可以用它来启动自己的应用程序： https://github.com/TarikHuber/react-most-wanted

它还有一个正在运行的演示：https://www.react-most-wanted.com/ 你可以尝试所有的auth方法。

如果使用firebaseui，实际的实现非常简单。这是我的React组件。

＆＃13;

import React, {Component} from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import {injectIntl} from 'react-intl';
import { Activity } from '../../components/Activity';
import muiThemeable from 'material-ui/styles/muiThemeable';
import { push } from 'react-router-redux';
import firebase from 'firebase';
import firebaseui from 'firebaseui';
import {firebaseAuth} from '../../utils/firebase';

var authUi = new firebaseui.auth.AuthUI(firebaseAuth);

class SignIn extends Component {

  componentDidMount() {
    const {router, browser}= this.props;

    const redirect =((router || {}).location || {}).search;

    var uiConfig = {
      signInSuccessUrl: redirect.slice(1),
      signInFlow: browser.greaterThan.medium?'popup':'redirect',
      callbacks: {
        signInSuccess: function(user, credentials, redirect) {

          push(redirect || '/');

          //To avoid page reload on single page applications
          return false;
        }
      },
      signInOptions: [
        firebase.auth.GoogleAuthProvider.PROVIDER_ID,
        firebase.auth.FacebookAuthProvider.PROVIDER_ID,
        firebase.auth.TwitterAuthProvider.PROVIDER_ID,
        firebase.auth.GithubAuthProvider.PROVIDER_ID,
        firebase.auth.EmailAuthProvider.PROVIDER_ID,
        firebase.auth.PhoneAuthProvider.PROVIDER_ID
      ]
    };

    authUi.start('#firebaseui-auth', uiConfig);
    
  }

  componentWillUnmount() {
    authUi.reset();
  }

  render(){

    const  {intl} = this.props;

    return (
      <Activity
        title={intl.formatMessage({id: 'sign_in'})}>
        <div style={{paddingTop: 35, width: '100%'}}>
          <div id="firebaseui-auth" style={{width: '100%'}}></div>
        </div>
      </Activity>
    );

  }

}


SignIn.propTypes = {
  push: PropTypes.func.isRequired,
  intl: PropTypes.object.isRequired,
  router: PropTypes.object.isRequired,
  muiTheme: PropTypes.object.isRequired,
};


const mapStateToProps = (state) => {
  const {router, browser } = state;
  return {
    router,
    browser
  };
};


export default connect(
  mapStateToProps,
  { push}
)(injectIntl(muiThemeable()(SignIn)));

＆＃13;

Answer 3

您可以使用自定义令牌，这是完全随意的数据

firebase doc

Answer 4

我的用例不同。我必须允许我的用户通过邮件和电话号码进行登录。我在这里是怎么做的：

在Firebase数据库中单独存储emailId和电话号码。

现在通过电子邮件和密码登录：

使用signInWithEmailAndpassword

通过电话号码和密码登录：

通过传递用户提供的电话号
如果没有返回电子邮件ID，请显示错误，即电话号码未映射到任何帐户或帐户不存在
收到电子邮件ID后，请致电signInWithEmailAndpassword并传递收到的电子邮件和用户提供的密码

这只是我找到的解决方法。我仍然可以使用Firebase的重置密码功能：）

使用电话号码在Firebase上进行身份验证

4 个答案: