将登录用户存储到扑朔迷离的Cloud Firestore中

时间:2020-10-21 09:12:01

标签: flutter google-cloud-firestore

在我颤抖的应用程序中,用户使用手机登录。因此,当用户再次登录并保留其详细信息时,如何将用户ID存储在Cloud Firestore中并保存帐户? (我使用共享的首选项来检查用户是否已登录)

如果需要,这是我的代码。

import 'package:country_code_picker/country_code_picker.dart';
import 'package:demo/Firebase/auth.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';

import 'BottomBarPages/home.dart';

class SignIn extends StatefulWidget {
  @override
  _SignInState createState() => _SignInState();
}

class _SignInState extends State<SignIn> {
  TextEditingController phoneController = new TextEditingController();
  String phoneNumber = "";

  SharedPreferences logindata;
  bool newuser;

  bool shower = false;
  String smsCode;
  String verificationCode;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    check_if_already_login();
  }
  void check_if_already_login() async {
    logindata = await SharedPreferences.getInstance();
    newuser = (logindata.getBool('login') ?? true);
    print(newuser);
    if (newuser == false) {
      Navigator.pushReplacement(
          context, new MaterialPageRoute(builder: (context) => Home()));
    }
  }
  @override
  void dispose() {
    // Clean up the controller when the widget is disposed.
    phoneController.dispose();
    super.dispose();
  }

  void _onCountryChange(CountryCode countryCode) {
    this.phoneNumber = countryCode.toString();
    print("New Country selected: " + countryCode.toString());
  }

  void check() {
    final myPhone = this.phoneNumber + phoneController.text;
    print("Full Text: " + myPhone);
  }
  Future<void> man() async{

  }
  Future<void> submit() async {
    final myPhone = this.phoneNumber + phoneController.text;
    final PhoneVerificationCompleted verificationCompleted =
        (AuthCredential credential) {

    };


    final PhoneVerificationFailed verificationFailed =
        (AuthException exception) {};

    final PhoneCodeSent phoneCodeSent = (String verId, [int forceCodeResend]) {
      this.verificationCode = verId;
      smsCodeDialog(context).then((value) => print("signed"));
    };

    final PhoneCodeAutoRetrievalTimeout autoRetrievalTimeout = (String verId) {
      this.verificationCode = verId;
    };
    await FirebaseAuth.instance.verifyPhoneNumber(
        phoneNumber: myPhone,
        timeout: const Duration(seconds: 5),
        verificationCompleted: verificationCompleted,
        verificationFailed: verificationFailed,
        codeSent: phoneCodeSent,
        codeAutoRetrievalTimeout: autoRetrievalTimeout);
  }

  Future<bool> smsCodeDialog(BuildContext context) {
    return showDialog(
        context: context,
        barrierDismissible: false,
        builder: (BuildContext context) {
          return AlertDialog(
            title: Text(
              'Enter Code',
              style: TextStyle(color: Colors.lightGreen, fontSize: 24),
            ),
            content: TextField(
              keyboardType: TextInputType.number,
              onChanged: (Value) {
                smsCode = Value;
              },
            ),
            contentPadding: EdgeInsets.all(10),
            actions: [
              FlatButton(
                  onPressed: () {
                    String phone = phoneController.text;
                    if (phone != '') {
                      print('Successfull');
                      logindata.setBool('login', false);
                      logindata.setString('username', phone);
                      Navigator.push(context,
                          MaterialPageRoute(builder: (context) => Home()));
                    }
                    else{
                      Navigator.of(context).pop();
                      signIn();
                    }
                    // FirebaseAuth.instance.currentUser().then((user) {
                    //   if (user != null) {
                    //     Navigator.of(context).pop();
                    //     Navigator.push(context,
                    //         MaterialPageRoute(builder: (context) => Home()));
                    //   } else {
                    //     Navigator.of(context).pop();
                    //     signIn();
                    //   }
                    // });
                  },
                  child: Text(
                    'Verify',
                    style: TextStyle(fontSize: 20, color: Colors.lightGreen),
                  ))
            ],
          );
        });
    // CircularProgressIndicator(
    //   valueColor: new AlwaysStoppedAnimation<Color>(Colors.lightGreen),
    //   value: 0.25,
    // );

  }

  signIn() {
    AuthCredential phoneAuthCredential = PhoneAuthProvider.getCredential(
        verificationId: verificationCode, smsCode: smsCode);
    FirebaseAuth.instance
        .signInWithCredential(phoneAuthCredential)
        .then((user) => Navigator.push(
            context, MaterialPageRoute(builder: (context) => Home())))
        .catchError((e) => print(e));
  }

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {
        FocusScopeNode currentFocus = FocusScope.of(context);

        if (!currentFocus.hasPrimaryFocus) {
          currentFocus.unfocus();
        }
      },
      child: Scaffold(
        body: Column(
          //mainAxisAlignment: MainAxisAlignment.start,
          children: [
            Expanded(
              flex: 1,
              child: Container(
                height: MediaQuery.of(context).size.height,
                decoration: BoxDecoration(
                  gradient: LinearGradient(
                    begin: Alignment.topLeft,
                    end: Alignment.bottomRight,
                    stops: [0.1, 0.3, 1.0],
                    colors: [
                      Colors.lightGreen[300],
                      Colors.white,
                      Colors.lightGreen[50]
                    ],
                  ),
                ),
                child: Padding(
                  padding: const EdgeInsets.symmetric(vertical: 15),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      SizedBox(
                        height: 150,
                        child: Image.asset('images/phone.png'),
                      ),
                      SizedBox(
                        height: 20,
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(horizontal: 20),
                        child: Container(
                          decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(50),
                              border: Border.all(color: Colors.lightGreen)),
                          width: double.infinity,
                          height: 40,
                          child: Padding(
                            padding: const EdgeInsets.symmetric(horizontal: 30),
                            child: Row(
                             // crossAxisAlignment: CrossAxisAlignment.start,
                              //mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                CountryCodePicker(
                                  dialogTextStyle: TextStyle(fontSize: 20),
                                  onChanged: _onCountryChange,
                                  initialSelection: 'US',
                                  favorite: ['+251', 'ET'],
                                ),
                                Padding(
                                  padding: const EdgeInsets.only(bottom: 10),
                                  child: SizedBox(
                                    width: 150,
                                    child: TextFormField(
                                      controller: phoneController,
                                      keyboardType: TextInputType.phone,
                                      decoration: InputDecoration(
                                        border: InputBorder.none,
                                      ),
                                    ),
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ),
                      ),
                      SizedBox(
                        height: 20,
                      ),
                      MaterialButton(
                        onPressed: submit,
                        minWidth: MediaQuery.of(context).size.width - 80,
                        height: 45,
                        shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(20)),
                        color: Colors.lightGreen,
                        splashColor: Colors.green,
                        child: Text(
                          "Confirm",
                          style: TextStyle(color: Colors.white, fontSize: 18),
                        ),
                      ),
                      Padding(
                        padding:
                            EdgeInsets.symmetric(vertical: 14, horizontal: 64),
                        child: Text(
                          "you'll receive a 6 digit code click Confirm to verify",
                          textAlign: TextAlign.center,
                          style: TextStyle(
                            fontSize: 22,
                            color: Colors.lightGreen,
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

帮助我了解如何存储用户信息。

1 个答案:

答案 0 :(得分:1)

我从未使用过电话号码登录,但是我通常是这样进行的:

首先,我让用户登录,然后获取其uid。它应该随登录后提供的User对象一起提供。

在Firestore内部,我以前创建了一个集合“ UserData”。

当获得用户的uid时,我检查“ UserData”中是否已经有文档。

如果没有,那么我将继续创建文档并保存用户信息。

如果该文档已经存在,我会读取用户信息。

编辑:

以下是有关SignIn方法的所有文档:Here

用户登录后,您必须使用Firestore,以便存储以某种方式收集的用户信息。

以下是Firestore文档:Here

现在,您需要了解这是否是用户首次登录。这取决于您。 当您获得此信息后:

如果这是用户第一次登录,则将信息直接添加到数据库中。这是一个示例(请勿复制和粘贴此代码,因为正如我所说,流程很大程度上取决于您的应用程序代码)。


 CollectionReference users = FirebaseFirestore.instance.collection('users');

 users.add({
       'full_name': fullName, // John Doe
       'company': company, // Stokes and Sons
       'age': age // 42
     })
     .then((value) => print("User Added"))
     .catchError((error) => print("Failed to add user: $error"));
    

现在,每次“老”用户登录时,我都会使用get检索数据:

CollectionReference users = FirebaseFirestore.instance.collection('users');

users.doc(documentId).get()