Question

假设有两个包含一些文本的字段，例如第一个文本字段包含字符串“ Apple”，下一个文本字段将包含Apple的计数，并假定count的值为10并在“提交”按钮上单击，然后如何将数据发送到firebase数据库中，我用于保存电子邮件的代码和密码是：-

 <template>
  <div class="container">
   <div class= "row">
    <div class= "col-xs-12 co-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
     <h1>Http</h1>
      <div class="form-group">
      <label>Username</label>
      <input type="text" class="form-control" v-model="username">
    </div>
    <div class="form-group">
      <label>Mail</label>
      <input type="text" class="form-control" v-model="email">
    </div>
    <button class="btn btn-primary" @click="submit">Submit</button>
    </div>
   </div>
  </div>
 </template>

 <script>
   import firebase from 'firebase'
   var config = {
       apiKey: "]api_key",
       authDomain: "vuejs-http-11c9f.firebaseapp.com",
       databaseURL: "https://vuejs-http-11c9f.firebaseio.com",
       projectId: "vuejs-http-11c9f",
       storageBucket: "vuejs-http-11c9f.appspot.com",
       messagingSenderId: "Messaging_id"
    };
    firebase.initializeApp(config);
    export default {
    data() {
     return{
        username:'',
        email:''
     };
   },
   methods:{
    submit(){
      // console.log(this.user.email)
      firebase.auth().createUserWithEmailAndPassword(this.username, this.email)
     .then((result) => {
      console.log(result);
      }).catch((err) => {
         console.log(err)
      });
    }
  }
 }
</ script>

在上述程序中将应用哪些更改，以将我的两个文本字段数据保存到firebase的数据库中？

Firebase我正在使用5.3.1。

Answer 1

要在Firebase数据库中保存数据，通常有两个选择。

1）云Firestore（当前为Beta版）

2）实时数据库

由于Cloud Firestore处于测试版，如果您的应用即将投入生产，我建议使用实时数据库。

因此要使用实时数据库将其存储在firebase中，您首先需要创建如下所示的firebase数据库参考

const databaseRef = firebase.database();

之后，使用此引用来设置数据，如下所示

databaseRef.ref('fruitDetails/').set({
  fruitName: 'name of the fruit from text field',
  count: 'count from count text field'
});

如果您不想创建多个数据库，请确保在整个应用程序中使用相同的数据库引用。

如何使用vue.js将简单数据保存在Firebase中？

1 个答案: