使用Firebase与Expo：如何正确设置和测试Firebase配置？

问题描述：

我想做一个非常简单的博览会反应原生项目，可以保存到firebase。使用Firebase与Expo：如何正确设置和测试Firebase配置？

继莅临指导：https://docs.expo.io/versions/latest/guides/using-firebase.html

第1步：如何正确设置这些值？哪里可以找到它们？

const firebaseConfig = { 
    apiKey: "<YOUR-API-KEY>", 
    authDomain: "<YOUR-AUTH-DOMAIN>", 
    databaseURL: "<YOUR-DATABASE-URL>", 
    storageBucket: "<YOUR-STORAGE-BUCKET>" 
};

我有困难的时候搞清楚确切的细节步骤1中，所以我想我分享一些指导方针，以及代码测试第2步轻松。

答

我会告诉你，在哪里可以找到每个值，使用其字段旁边的数字，然后提供一个代码来测试它。

const firebaseConfig = { 
    projectId: "", // 0 
    apiKey: "", // 1 
    authDomain: "", // 2 
    databaseURL: "", // 3 
    storageBucket: "", // 4 
    messagingSenderId: "", // 5 
};

以下所有步骤从项目主页（这可以通过打开你的项目here可以达到）开始。

0,1：
专案编号和apiKey可以通过点击旁边Overview标签上的齿轮图标被都发现，然后项目设置。在常规选项卡中，您将看到项目ID和Web API密钥。

2：
authDomain是<projectId> .firebaseapp.com。

3：
databaseURL可以通过单击数据库选项卡找到。它应该是：https：// <projectId> .firebaseio.com /。

4：
storageBucket可以通过单击存储选项卡找到。它应该是：gs：// <projectId> .appspot.com /。

5：
messagingSenderId可以点击旁边的Overview标签上的齿轮图标发现，然后项目设置。在云消息传递选项卡中，您将看到发件人ID。

之后，这些都设置正确，你可以用下面的代码进行测试：

import React from 'react'; 
import { StyleSheet, View, Button } from 'react-native'; 
import * as firebase from 'firebase'; 

// Initialize Firebase 
const firebaseConfig = { 
    // ... 
}; 
firebase.initializeApp(firebaseConfig); 

export default class App extends React.Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <Button 
      onPress={() => updateDB(1, 10, 20)} 
      title="Update DB on Firebase" 
     /> 
     </View> 

    ); 
    } 
} 

function updateDB(userID, fieldValue1, fieldValue2) { 
    firebase.database().ref(userID).set({ 
    field1: fieldValue1, 
    field2: fieldValue2, 
    }); 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    backgroundColor: '#fff', 
    alignItems: 'center', 
    justifyContent: 'center', 
    }, 
});

使用Firebase与Expo：如何正确设置和测试Firebase配置？

相关推荐