zoukankan      html  css  js  c++  java
  • [React Native + Firebase] React Native: Real time database with Firebase -- setup & CRUD

    Install:

    npm i --save firebase // v3.2.1

    Config Firebase:

    First we need to require Firebase:

    import firebase from 'firebase';

    Then in the component constructor, we need to init Firebase:

        constructor(props){
            super(props);
            // Initialize Firebase
            var config = {
                apiKey: "<api_key>",
                authDomain: "<authDomain>",
                databaseURL: "<databaseURL>",
                storageBucket: "<storageBucket>",
            };
            firebase.initializeApp(config);
        }

    The config you can easily get from the your Firebase App page.

    Create new node: set()

        writeUserData(userId, name, email, imageUrl) {
            firebase.database().ref('users/' + userId).set({
                username: name,
                email: email,
                profile_picture : imageUrl
            });
        }
    
    
    // calling
        this.writeUserData(1, "Zhentian Wan", 'answer881215@gmail.com', null);

    Then one node will be created in the "users" node, uid is "1".

    Create new Child node: push()

        appendOneMoreUser(name, email, imageUrl){
            let ref = firebase.database().ref().child('users').push({
                username: name,
                email: email
            });
            this.updateMe("Yoona", "yoona.only@gmail.com", ref.key);
        }
    
    // calling
    this.appendOneMoreUser("Yuri", 'yuri.only@gmail.com', null);

    So under "users" node, we want to append one new node, the uid will be generated randomly.

    The "ref" object contains "key" prop which ref to the uid in the database.

    Update one node: update()

        updateMe(name, email, key){
            const update = {
                username: name,
                email
            };
            let ref = firebase.database().ref('users/' + key).update(update)
                .then((res)=>{
                    console.log("Data has been updated ");
                });
        }
    
    
    // calling:
    const ref = firsebase.database().ref().child('users').push(user);
    this.updateMe("Yoona", "yoona.only@gmail.com", ref.key);

    update() and set() methods both return Promise. So you can chaining .then() onto it.

    Delete node: remove()

        deleteMe(){
            firebase.database().ref('users/1').remove();
        }

    Delete the uid = 1 user.

  • 相关阅读:
    What is systemvolumeinformation? delete it?
    What is "found.000" ? How to deal with it?
    install Mac OS on Vmware
    字符串数组全排列
    Hadoop开发相关问题
    String直接赋值和使用new的区别
    输入两个递增排序的链表,合并这两个链表并使新链表中的结点仍然是按照递增排序的
    括号匹配问题
    预编译语句
    两个有序单链表合并成一个有序单链表的java实现
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5735188.html
Copyright © 2011-2022 走看看