Question

我正在尝试做一个非常简单的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步的代码。

Answer 1

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

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

以下所有步骤均从项目主页面开始（可通过打开项目here来访问）。

0,1：
projectId 和 apiKey 可以通过点击“概览”标签旁边的齿轮图标找到，然后是项目设置 。在常规标签中，您会看到项目ID和Web Api密钥。

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

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

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

5：
点击“概览”标签旁边的齿轮图标，然后点击，然后点击项目设置即可找到 messagingSenderId 。在云消息传递选项卡中，您将看到发件人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配置？

1 个答案: