René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Calling AngularFireFunctions.httpsCallable results to error 404 because","articleBody":"\u003c!--\r\n\r\nIMPORTANT! YOU MUST FOLLOW THESE INSTRUCTIONS OR YOUR ISSUE WILL BE CLOSED.\r\n\r\nThank you for contributing to the Angular and Firebase communities!\r\n\r\nHave a usage question?\r\n=======================\r\nWe get lots of those and we love helping you, but GitHub is not the best place for them and they will be closed. Here are some resources to get help:\r\n\r\n- Go through the Developer's Guide: https://github.com/angular/angularfire2#developer-guide\r\n\r\nIf the official documentation doesn't help, try asking through our officially supported channels:\r\n\r\n- Firebase Google Group: https://groups.google.com/forum/#!forum/firebase-talk\r\n- Stack Overflow: https://stackoverflow.com/questions/tagged/angular (include the firebase and angularfire tags, too!)\r\n\r\n*Please avoid double posting across multiple channels!*\r\n\r\nThink you found a bug?\r\n=======================\r\nYeah, we're definitely not perfect! Please use the bug report template below and include a minimal repro when opening the issue.\r\n\r\nHave a feature request?\r\n========================\r\nGreat, we love hearing how we can improve our products! Remove the template below and\r\nprovide an explanation of your feature request. Provide code samples if applicable. Try to\r\nthink about what it will allow you to do that you can't do today? How will it make current\r\nworkarounds straightforward? What potential bugs and edge cases does it help to avoid?\r\n\r\n--\u003e\r\n\r\n\r\n### Version info\r\n\r\n\u003c!-- What versions of the following libraries are you using? Note that your issue may already\r\nbe fixed in the latest versions. --\u003e\r\n\r\n**Angular:** 6.0\r\n\r\n**Firebase:** 5.5.5\r\n\r\n**AngularFire:** 5.1.0\r\n\r\n### How to reproduce these conditions\r\n\r\nI created a service that aims to generate token from 3rd party service and used AngularFireFunctions to call a cloud function. \r\n\r\n```typescript\r\nimport { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\nimport { AngularFireFunctions } from '@angular/fire/functions';\r\n\r\nimport { CreditCard } from '@core/models';\r\n\r\n@Injectable()\r\nexport class MagpieTokenService {\r\n  private _generateToken;\r\n  \r\n  constructor(\r\n    private http: HttpClient,\r\n    private cloudFunctions: AngularFireFunctions\r\n  ) { }\r\n\r\n  generate(creditCard: CreditCard): Observable\u003cany\u003e {\r\n    return this.generateToken(creditCard.generateFormValue())\r\n  }\r\n\r\n  protected get generateToken() {\r\n    if(this._generateToken == null)\r\n      this._generateToken = this.cloudFunctions.httpsCallable('generateToken');\r\n    return this._generateToken;\r\n  }\r\n}\r\n```\r\nNow when I try to use the service in my component, error 404 was raised and I noticed that it called \r\n`https://null-rik-app.cloudfunctions.net/generateToken`.\r\n\r\n\r\n","author":{"url":"https://github.com/jenersonj","@type":"Person","name":"jenersonj"},"datePublished":"2018-10-24T00:45:26.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":19},"url":"https://github.com/1933/angularfire/issues/1933"}