如何使用离子应用程序将记录添加到 Firebase 集合？答案

【问题标题】：How to add a record to a firebase collection using an ionic app?如何使用离子应用程序将记录添加到 Firebase 集合？
【发布时间】：2020-06-22 20:25:48
【问题描述】：

我正在尝试使用我的 ionic 应用在 firebase 中创建记录。

我已经成功连接到 firebase 应用，因为我已经在使用 auth() 登录用户。

但是现在，当我尝试添加到集合时，我无法创建记录。下面是我最新的代码：

post(): void {
    console.log('attempting post')
    firebase.firestore().collection('posts').add({
      text: this.text,
      created: firebase.firestore.FieldValue.serverTimestamp(),
      owner: firebase.auth().currentUser.uid,
      owner_name: firebase.auth().currentUser.displayName
    }).then((doc) => {
      console.log(doc);
    }).catch((err) => {
      console.log(err)
    })
  }

“attempting post” 已记录到控制台，所以我进入 post() 方法，但控制台中没有出现任何其他内容，甚至没有一条错误消息。

我已经删除了数据库规则，所以现在任何人都可以写入 firestore。这是我在environment.ts 中的内容：

export const environment = {
  production: false,
  firebase: {
    apiKey: "AIzaSyCD9qZV905SELHWvEYoaNqoKKISAO4ddS8",
    authDomain: "feedlyapp-70714.firebaseapp.com",
    databaseURL: "https://feedlyapp-70714.firebaseio.com",
    projectId: "feedlyapp-70714",
    storageBucket: "feedlyapp-70714.appspot.com",
    messagingSenderId: "1031920662829",
    appId: "1:1031920662829:web:7d5947dd1aed5010c03ba4",
    measurementId: "G-RSDBEJQBLS"
  }
};

请随意尝试并写入此数据库，因为到目前为止我没有运气。

谁能告诉我我做错了什么，以及如何解决？

另外，我尝试从 Firebase 控制台本身创建一个集合，但它不允许我添加记录。

【问题讨论】：

标签： javascript firebase ionic-framework google-cloud-firestore

【解决方案1】：

有许多文档和文章可以帮助您提供使用 Ionic 使用 Firebase 创建文档的示例。

根据文章Building a Ionic Firebase App step by step，下面的代码示例尝试将帖子添加到一个集合中，在一个人的集合中。

createPost(value){
   return new Promise<any>((resolve, reject) => {
     let currentUser = firebase.auth().currentUser;
     this.afs.collection('people').doc(currentUser.uid).collection('posts').add({
       title: value.title,
       description: value.description,
       image: value.image
     })
     .then(
       res => resolve(res),
       err => reject(err)
     )
   })
 }

此代码未经测试，但希望对您有所帮助。

除此之外，以下文章应为您提供更多信息和示例，说明如何使用 Firebase 和 Ionic 创建应用程序。

如果这些信息对您有帮助，请告诉我！

【讨论】：

我已尝试过此解决方案，但其行为方式与我的问题中的代码相同。当我执行代码时，控制台中没有显示错误，但在 firebase 中没有创建集合。我会尝试修改它，并使用你发布的链接来看看我是否能想出一段工作代码。