记录良好的工作演示项目在这里

下面是详细步骤

脚步

1. 询问用户的电话号码
2. 从Firebase获取OTP
3. 登录到Firebase

规则

• 登录/登录以相同的方式完成。
• OTP仅用于获取AuthCrendential对象
• AuthCredentialobject是用于登录用户的唯一内容。据或者从所获得verificationCompleted的回调函数在verifyPhoneNumber或从PhoneAuthProvider。

（不要担心它是否令人困惑，请继续阅读，您会明白的）

工作流程

1. 用户给 phoneNumber
2. Firebase发送OTP
3. 登录用户
   • 如果带有的SIM卡phoneNumber不在当前运行该应用的设备中，
   • 我们必须先询问OTP并获取AuthCredential对象
   • 接下来，我们可以使用它AuthCredential来登录即使phoneNumber设备中存在
   • 否则，如果用户提供的SIM电话号码在运行该应用的设备中，
   • 我们可以不使用OTP登录。
   • 因为verificationCompletedfrom submitPhoneNumber函数的回调提供了AuthCredential登录用户所需的对象
   • 但在以前的情况下，由于SIM卡不在手机中，因此未调用。

功能

• 提交电话号码

    Future<void> _submitPhoneNumber() async {
        /// NOTE: Either append your phone number country code or add in the code itself
        /// Since I'm in India we use "+91 " as prefix `phoneNumber`
        String phoneNumber = "+91 " + _phoneNumberController.text.toString().trim();
        print(phoneNumber);

        /// The below functions are the callbacks, separated so as to make code more readable
        void verificationCompleted(AuthCredential phoneAuthCredential) {
          print('verificationCompleted');
          ...
          this._phoneAuthCredential = phoneAuthCredential;
          print(phoneAuthCredential);
        }

        void verificationFailed(AuthException error) {
          ...
          print(error);
        }

        void codeSent(String verificationId, [int code]) {
          ...
          print('codeSent');
        }

        void codeAutoRetrievalTimeout(String verificationId) {
          ...
          print('codeAutoRetrievalTimeout');
        }

        await FirebaseAuth.instance.verifyPhoneNumber(
          /// Make sure to prefix with your country code
          phoneNumber: phoneNumber,

          /// `seconds` didn't work. The underlying implementation code only reads in `milliseconds`
          timeout: Duration(milliseconds: 10000),

          /// If the SIM (with phoneNumber) is in the current device this function is called.
          /// This function gives `AuthCredential`. Moreover `login` function can be called from this callback
          verificationCompleted: verificationCompleted,

          /// Called when the verification is failed
          verificationFailed: verificationFailed,

          /// This is called after the OTP is sent. Gives a `verificationId` and `code`
          codeSent: codeSent,

          /// After automatic code retrival `tmeout` this function is called
          codeAutoRetrievalTimeout: codeAutoRetrievalTimeout,
        ); // All the callbacks are above
      }

• 提交OTP

    void _submitOTP() {
        /// get the `smsCode` from the user
        String smsCode = _otpController.text.toString().trim();

        /// when used different phoneNumber other than the current (running) device
        /// we need to use OTP to get `phoneAuthCredential` which is inturn used to signIn/login
        this._phoneAuthCredential = PhoneAuthProvider.getCredential(
            verificationId: this._verificationId, smsCode: smsCode);

        _login();
      }

• 登录/登录

    Future<void> _login() async {
        /// This method is used to login the user
        /// `AuthCredential`(`_phoneAuthCredential`) is needed for the signIn method
        /// After the signIn method from `AuthResult` we can get `FirebaserUser`(`_firebaseUser`)
        try {
          await FirebaseAuth.instance
              .signInWithCredential(this._phoneAuthCredential)
              .then((AuthResult authRes) {
            _firebaseUser = authRes.user;
            print(_firebaseUser.toString());
          });
          ...
        } catch (e) {
          ...
          print(e.toString());
        }
      }

• 登出

      Future<void> _logout() async {
        /// Method to Logout the `FirebaseUser` (`_firebaseUser`)
        try {
          // signout code
          await FirebaseAuth.instance.signOut();
          _firebaseUser = null;
          ...
        } catch (e) {
          ...
          print(e.toString());
        }
      }

有关实现的更多详细信息，请参考此处的lib/main.dart文件。

如果发现问题，欢迎对此答案和此自述文件进行编辑