# Question about Ionic 4 + firebase

**URL:** <https://forum.ionicframework.com/t/question-about-ionic-4-firebase/165177>\
**Category:** ionic-v3\
**Created:** [May 31, 2019, 2:08am UTC](https://forum.ionicframework.com/t/question-about-ionic-4-firebase/165177 "2019-05-31T02:08:41Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![lxh37](https://avatars.discourse-cdn.com/v4/letter/l/9fc348/32.png) [@lxh37](https://forum.ionicframework.com/u/lxh37)\
**Post date:** [May 31, 2019, 2:08am UTC](https://forum.ionicframework.com/t/question-about-ionic-4-firebase/165177/1 "2019-05-31T02:08:41Z")

</div>

Hi,

I have trouble to deposit data to database in firebase in Ionic 4, I tried to  
create a module storage with a provider StoreToFirebaseService to save data to firebase.

I did the following:

1. 

npm install firebase angularfire2

1. add config to app/environments/environment.ts

export const environment = {  
production: false,  
firebase: {  
apiKey: ‘’,  
authDomain: ‘’,  
databaseURL: ‘’,  
projectId: ‘’,  
storageBucket: ‘’,  
messagingSenderId: ‘’,  
appId: “”  
}  
};

1. storage.module.ts

import { AngularFireModule } from ‘angularfire2’;  
import { environment } from ‘…/…/environments/environment’;  
import { AngularFirestoreModule } from ‘angularfire2/firestore’;

@NgModule({  
declarations: ,  
imports: [  
CommonModule,  
AngularFireModule.initializeApp(environment.firebaseConfig),  
AngularFirestoreModule  
],  
providers: [StoreToFirebaseService]  
})  
export class StorageModule { }

1. store-to-firebase.service.ts

…  
import { AngularFirestore } from ‘angularfire2/firestore’;  
…

export class StoreToFirebaseService {

constructor(  
public afs: AngularFirestore  
) {  
}

```
addSurvey(){
  console.log("Inside addSurvey!");
  return new Promise<any>((resolve, reject) => {
    this.afs.collection('/result').add({
      ID: "Q2",
      Result1: false,
      Result2: false
    })
    .then(
      (res) => {
        resolve(res)
      },
      err => reject(err)
    )
  })
}    

```

}

1. In the component, I imported the service

import { StoreToFirebaseService } from ‘…/…/storage/store-to-firebase.service’;

export class InitiatedDrinkComponent implements OnInit {

constructor(  
private storeToFirebaseService: StoreToFirebaseService  
) { }

storeData(){  
console.log(“Inside storeData”);  
this.storeToFirebaseService.addSurvey();  
}

}

1. Fore firebase database, I start in test mode with an empty database.

 ![firebase](https://global.discourse-cdn.com/ionicframework/original/3X/6/b/6b74dc5670e48136a8b9b276fc61deebdbb14458.jpeg)

But “result” is not created with the fields ID, Result1 and Result2, any suggestion? Thanks!

---

<div class="post-metadata">

**Author:** ![lxh37](https://avatars.discourse-cdn.com/v4/letter/l/9fc348/32.png) [@lxh37](https://forum.ionicframework.com/u/lxh37)\
**Post date:** [June 6, 2019, 5:49pm UTC](https://forum.ionicframework.com/t/question-about-ionic-4-firebase/165177/2 "2019-06-06T17:49:02Z")

</div>

It is working, I had a mistake in action which never fired to store the data in my actual code.