Firebase functions in angular app not working

Question

I have an angular app with the following being imported:

import * as firebase from 'firebase';
import 'firebase/functions';
...
firebase.initializeApp(environment.firebaseConfig);

And when I access the firebase.functions() it shows in my intellisense.

var convertText = firebase.functions().httpsCallable('convertText');

The function convertText exists on my firebase account and works when accessed via http.

When the firebase.functions().httpsCallable() is called I get the follwoing error:

TypeError: firebase.functions is not a function

Here are my libraries.

"@firebase/app": "^0.3.1",
"firebase": "^5.3.1",
"angularfire2": "5.0.0-rc.9",

I followed the following tutorial: Firebase Functions

I know firebase is working as I'm already using fireauth and firestore successfully.

Any help will be appreciated.

afaik, you have to run functions on the backend via nodejs, its also says that in the docs. — dAxx_
– dAxx_, Commented Aug 14, 2018 at 12:03
Is it firebase.functions().httpsCallable or firebase.functions.httpsCallable? I thought the first one was for Firebase Admin, e.g. admin.functions(). — James Poag
– James Poag, Commented Aug 14, 2018 at 12:22
It is for firebase.functions(). The link in my question provides a tutorial on how to access the function from within a (web) application. — Quins
– Quins, Commented Aug 14, 2018 at 12:39

sketchthat · Accepted Answer · 2018-09-04 00:41:50Z

1

I've just answered this on another SO Question.

As a quick summary;

constructor(
  private afFun: AngularFireFunctions
) { }

ngOnInit() { 
  this.afFun.httpsCallable('myFunction')({ text: 'Some Request Data' })
    .pipe(first())
    .subscribe(resp => {
      console.log({ resp });
    }, err => {
      console.error({ err });
    });
}

answered Sep 4, 2018 at 0:41

sketchthat

2,6882 gold badges15 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Firebase functions in angular app not working

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related