You can use firebase [partial deploys][1]

    $ firebase deploy --only functions:makeUppercase

Will only deploy `makeUppercase` function.

Hope it helps.

Note: To deploy more than one function at once (but not all) use:

    $ firebase deploy --only functions:function1,functions:function2

  [1]: https://firebase.google.com/docs/cli/#partial_deploys

*firebaser here*

Running `firebase deploy` will deploy all functions in the project. There is currently no option to deploy just new or modified functions. 

It *does* sound like a useful addition though, so you might want to [file a feature request](https://firebase.google.com/support/contact/bugs-features/).

**Update**: since version 3.8 of the Firebase tools CLI this *is* possible. See Pablo&#39;s answer or the [release notes](https://github.com/firebase/firebase-tools/releases/tag/v3.8.0).

Make sure you are editing the functions in your &quot;functions/src&quot; directory and not the functions in your &#39;lib&#39; directory.  I made this mistake and watched them get replaced...

Im getting this error:

&gt; EXCEPTION: Error in ./AppComponent class AppComponent - inline
&gt; template:0:0 caused by: No provider for Router!

This is my app component:

&lt;!-- language-all: lang-ts --&gt;


    import {Component} from &#39;@angular/core&#39;;
    import {LoginComponent} from &#39;./login/components/login.component&#39;;
    @Component({
        selector: &#39;my-app&#39;,
        template: &#39;&lt;login&gt;&lt;/login&gt;&#39;,
    
    })
    export class AppComponent {
    
    }

I tried this in my app module:

    import { RouterModule } from &#39;@angular/router&#39;;
    
      imports: [
        BrowserModule,
        FormsModule,
        HttpModule,
        LoginModule,
        RouterModule
      ],
      bootstrap: [AppComponent, RouterModule]

But then i get this error:

&gt; Error: Error: No Directive annotation found on RouterModule

I found some examples but they use router-deprecated, and i dont have that folder. Do i need that or what? Any suggstion?

UPDATE:

This is my app.module:

    import { BrowserModule } from &#39;@angular/platform-browser&#39;;
    import { NgModule } from &#39;@angular/core&#39;;
    import { FormsModule } from &#39;@angular/forms&#39;;
    import { HttpModule } from &#39;@angular/http&#39;;
    import { AppComponent } from &#39;./app.component&#39;;
    import { LoginModule } from &#39;./login/login.module&#39;;
    import { RouterModule } from &#39;@angular/router&#39;;
    //import &#39;rxjs/Rx&#39;;
    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        FormsModule,
        HttpModule,
        LoginModule,
        RouterModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

app.component:

    import {Component} from &#39;@angular/core&#39;;
    import {LoginComponent} from &#39;./login/components/login.component&#39;;
    @Component({
        selector: &#39;my-app&#39;,
        template: &#39;&lt;login&gt;&lt;/login&gt;&#39;,
    
    })
    export class AppComponent {
    
    }

And then i have login.component:

    import {Component, EventEmitter, Input, OnChanges} from &#39;@angular/core&#39;;
    import {Observable} from &#39;rxjs/Rx&#39;;
    import { LoginService } from &#39;../services/login.service&#39;;
    import { Login } from &#39;../model/login&#39;
    import {Router} from &#39;@angular/router&#39;;
    @Component({
        selector: &#39;login&#39;,
        templateUrl: &#39;login-form&#39;,
    
    })
    export class LoginComponent {
      // Constructor with injected service
          constructor(
              private loginService: LoginService,
              private router: Router
              ){}
    
          submitLogin(values){
    
              // Variable to hold a reference of addComment/updateComment
                 let loginOperation:Observable&lt;any&gt;;
                 loginOperation = this.loginService.Login(values);
                 loginOperation.subscribe(
                    function(response) { console.log(&quot;Success Response&quot; + response)},
                    function(error) { console.log(&quot;Error happened&quot; + error)},
                    function() {
                       console.log(&quot;the subscription is completed&quot;);
                         this.router.navigate([&#39;/About&#39;]);
    
                     }
                );
    
               }
    }

Maybe problem is in this line:

     this.router.navigate([&#39;/home&#39;]);

This is my login.module:

    import { NgModule }       from &#39;@angular/core&#39;;
    import { BrowserModule }  from &#39;@angular/platform-browser&#39;;
    import { FormsModule }    from &#39;@angular/forms&#39;;
    import { HttpModule, JsonpModule } from &#39;@angular/http&#39;;
    import { LoginComponent } from &#39;./components/login.component&#39;;
    import { RouterModule } from &#39;@angular/router&#39;;
    
    import { LoginService } from &#39;./services/login.service&#39;;
    
    
    @NgModule({
      imports: [
        BrowserModule,
        FormsModule,
         HttpModule,
        JsonpModule,
        RouterModule  
    
    
      ],
      declarations: [
        LoginComponent
      ],
    
      providers: [
          LoginService
      ],
    
      exports:[
        LoginComponent
      ]
    
    })
    export class LoginModule {
    }



No provider for Router?

I have a collapsable panel but I want it to be uncollapsed by default.

   &lt;div class=&quot;panel-group&quot;&gt;

    &lt;div class=&quot;panel panel-default&quot;&gt;
        &lt;div class=&quot;panel-heading&quot;&gt;
            &lt;h4 class=&quot;panel-title&quot;&gt;
                &lt;a data-toggle=&quot;collapse&quot; href=&quot;#collapse1&quot;&gt;
                    &lt;span class=&quot;glyphicon glyphicon-collapse-down&quot;&gt; &lt;/span&gt;1st Round&lt;/a&gt;
            &lt;/h4&gt;
        &lt;/div&gt;
        &lt;div id=&quot;collapse1&quot; class=&quot;panel-collapse collapse&quot;&gt;
            &lt;div class=&quot;panel-body&quot;&gt;First round details&lt;/div&gt;

        &lt;/div&gt;
    &lt;/div&gt;


&lt;/div&gt;


If I remove **collapse** from  

    &lt;div id=&quot;collapse1&quot; class=&quot;panel-collapse collapse&quot;&gt;

It works, but the first time clicked to uncollapse doesn&#39;t work.

Bootstrap uncollapsed panel by default

Running `firebase deploy --only functions` deletes the existing functions before creating new ones. Is it possible to modify this behavior to `create if not exist, update if exists, no actions if functions not being deployed`?

firebase deploy --only functions overrides existing functions

<p>Running <code>firebase deploy --only functions</code> deletes the existing functions before creating new ones. Is it possible to modify this behavior to <code>create if not exist, update if exists, no actions if functions not being deployed</code>?</p>


In the following `C++` program, modifying a **static data member** from a `const` function is working fine:

    class A 
    {
      public:   
        static int a; // static data member
        
        void set() const
        {
            a = 10;
        }
    };

But modifying a **non-static data member** from a `const` function does not work:

    class A 
    {
      public:   
        int a; // non-static data member
        
        void set() const
        {
            a = 10;
        }
    };

**Why can a `const` member function modify a `static` data member?**


Why can a const member function modify a static data member?

I know that an inline function will maybe improve performance &amp; cause the generated code to grow, but I&#39;m not sure when it is correct to use one.

    lock(l) { foo() }

&gt; Instead of creating a function object for the parameter and generating a call, the compiler could emit the following code. ([Source][1])


    l.lock()
    try {
      foo()
    }
    finally {
      l.unlock()
    }

but I found that there is no function object created by kotlin for a non-inline function. why?

    /**non-inline function**/
    fun lock(lock: Lock, block: () -&gt; Unit) {
        lock.lock();
        try {
            block();
        } finally {
            lock.unlock();
        }
    }


  [1]: https://kotlinlang.org/docs/reference/inline-functions.html

when to use an inline function in Kotlin?

Is there a way to return several values in a function return statement (other than returning an object) like we can do in Go (or some other languages)?

For example, in Go we can do:

    func vals() (int, int) {
        return 3, 7
    }

Can this be done in Dart?  Something like this:

    int, String foo() {
        return 42, &quot;foobar&quot;;
    } 



Return multiple values from function

Using the Python function syntax `def f(**kwargs)`, in the function a keyword argument dictionary `kwargs` is created, and dictionaries are mutable, so the question is, if I modify the `kwargs` dictionary, is it possible that I might have some effect outside the scope of my function?

From my understanding of how dictionary unpacking and keyword argument packing works, I don&#39;t see any reason to believe it might be unsafe, and it seems to me that there is no danger of this in Python 3.6:

    def f(**kwargs):
        kwargs[&#39;demo&#39;] = 9
    
    if __name__ == &#39;__main__&#39;:
        demo = 4
        f(demo=demo)
        print(demo)     # 4
        
        kwargs = {}
        f(**kwargs)
        print(kwargs)   # {}
        
        kwargs[&#39;demo&#39;] = 4
        f(**kwargs)
        print(kwargs)    # {&#39;demo&#39;: 4}

However, is this implementation-specific, or is it part of the Python spec? Am I overlooking any situation or implementation where (barring modifications to arguments which are *themselves* mutable, like `kwargs[&#39;somelist&#39;].append(3)`) this sort of modification might be a problem?

Is it always safe to modify the `**kwargs` dictionary?

I&#39;m trying to convert this cool `&lt;canvas&gt;` animation I found [here][1] into a React reusable component. It looks like this component would require one parent component for the canvas, and many children components for the `function Ball()`.

It would probably be better for performance reasons to make the `Balls` into stateless components as there will be many of them. I&#39;m not as familiar with making stateless components and wondered where I should define the `this.update()` and `this.draw` functions defined in `function Ball()`.

Do functions for stateless components go inside the component or outside? In other words, which of the following is better?

1:

    const Ball = (props) =&gt; {
        const update = () =&gt; {
            ...
        }
    
        const draw = () =&gt; {
            ...
        }
    
    	return (
           ...
        );
    }

2:

    function update() {
         ...
    }
    
    function draw() {
         ...
    }
    
    const Ball = (props) =&gt; {
    	return (
           ...
        );
    }

What are the pros and cons of each and is one of them better for specific use cases such as mine?

  [1]: https://blog.alexwendland.com/2015/particle-network-js-animations/

Where should functions in function components go?

With the new firebase cloud function I&#39;ve decided to move some of my HTTP endpoint to firebase.
Everything works great... But i have the following issue. I have two endpoints build by HTTP Triggers (Cloud Functions)

 1. An API endpoint to create users and returns the custom Token
    generated by Firebase Admin SDK.
 2. An API endpoint to fetch certain user details.

While the first endpoint is fine, but for my second end point i would want to protect it for authenticated users only. meaning someone who has the token i generated earlier. 

How do i go about solving this?

I know we can get the Header parameters in the cloud function using

    request.get(&#39;x-myheader&#39;)

but is there a way to protect the endpoint just like protecting the real time data base? 



How to protect firebase Cloud Function HTTP endpoint to allow only Firebase authenticated users?

I&#39;m currently learning how to use new Cloud Functions for Firebase and the problem I&#39;m having is that I can&#39;t access the function I wrote through an AJAX request. I get the &quot;No &#39;Access-Control-Allow-Origin&#39;&quot; error. Here&#39;s an example of the function I wrote:

    exports.test = functions.https.onRequest((request, response) =&gt; {
      response.status(500).send({test: &#39;Testing functions&#39;});
    })

The function sits in this url:
[https://us-central1-fba-shipper-140ae.cloudfunctions.net/test][1]


Firebase docs suggests to add CORS middleware inside the function, I&#39;ve tried it but it&#39;s not working for me: https://firebase.google.com/docs/functions/http-events

This is how I did it:

    var cors = require(&#39;cors&#39;);    

    exports.test = functions.https.onRequest((request, response) =&gt; {
       cors(request, response, () =&gt; {
         response.status(500).send({test: &#39;Testing functions&#39;});
       })
    })

What am I doing wrong? I would appreciate any help with this.

UPDATE:

[Doug Stevenson][2]&#39;s answer helped. Adding ({origin: true}) fixed the issue, I also had to change `response.status(500)` to `response.status(200)` which I completely missed at first.


  [1]: https://us-central1-fba-shipper-140ae.cloudfunctions.net/test
  [2]: https://stackoverflow.com/users/807126/doug-stevenson

Enabling CORS in Cloud Functions for Firebase

I linked my Android app with Firebase using Android Studio
Which created and set my google-service.json into my project.

When i debug my event logging in logcat i got :

    V/FA-SVC: Successful upload. Got network response. code, size: 204, 0

But nothing is showing into firebase console debug view



Firebase Analytics Debug View does not show anything

Trying to make a request to Paypal&#39;s API using [PayPal-node-SDK][1]

    exports.requestPayment = functions.https.onRequest((req, res) =&gt; {
        return new Promise(function (fullfilled, rejected) {
            paypal.payment.create(create_payment_json, {}, function (error, payment) {
                if (error) {
                    rejected(error);
                } else {
                    console.log(&quot;Create Payment Response&quot;);
                    console.log(payment);
                    res.status(200).send(JSON.stringify({
                        paymentID: payment.id
                    })).end();
                    fullfilled(payment);
                }
            });
         });
    });

but I&#39;m constantly getting an error:

    Error: getaddrinfo ENOTFOUND api.sandbox.paypal.com api.sandbox.paypal.com:443
        at errnoException (dns.js:28:10)
        at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:76:26)

Things I&#39;ve tried:

 1. Making a request to a totally different host, still `ENOTFOUND`
 2. Wrapping the request with `cors(req,res, ()=&gt;{...})`
 3. Prepending `https://` to the host

What is the problem?

  [1]: https://github.com/paypal/PayPal-node-SDK


Cloud Functions for Firebase - getaddrinfo ENOTFOUND

I am using a Cloud Function to call another Cloud Function on the free spark tier.

Is there a special way to call another Cloud Function? Or do you just use a standard http request?

I have tried calling the other function directly like so:

&lt;!-- language: lang-js --&gt;

    exports.purchaseTicket = functions.https.onRequest((req, res) =&gt; {    
      fetch(&#39;https://us-central1-functions-****.cloudfunctions.net/validate&#39;)
        .then(response =&gt; response.json())
        .then(json =&gt; res.status(201).json(json))
    })

But I get the error 

&gt; FetchError: request to
&gt; https://us-central1-functions-****.cloudfunctions.net/validate
&gt; failed, reason: getaddrinfo ENOTFOUND
&gt; us-central1-functions-*****.cloudfunctions.net
&gt; us-central1-functions-*****.cloudfunctions.net:443

Which sounds like firebase is blocking the connection, despite it being a google owned, and therefore it shouldn&#39;t be locked

&gt; the Spark plan only allows outbound network requests to Google owned
&gt; services.

How can I make use a Cloud Function to call another Cloud Function?

Calling a Cloud Function from another Cloud Function

When I run

`firebase deploy --only functions`

it reads the `index.js` file and updates all functions exported from that file. If on the previous deploy there was a function named `a`, and in the current deploy there is no such function, `a` will be deleted. 

In other words, the effect is the same as if all existing functions were deleted and then the all functions from the current `index.js` file were added.

Is it possible to add/update/delete individual functions?

How to deploy some functions to Cloud Functions for Firebase without affecting some other functions?

I&#39;m trying to serve firebase functions locally, but when I run `firebase serve` or `firebase emulators:start` the error message is: &quot;Port 5000 is not open, could not start functions emulator.&quot;

I&#39;m using Windows 10, so I&#39;ve tried to change the port number, check if the port is blocked by Firewall and I create a new rule in Firewall to ports 5000-5010 but none of this approaches worked for me.

Firebase serve error: Port 5000 is not open. Could not start functions emulator

I want to be able to run cloud functions locally and debug against a copy from the production data.
Is there a way to copy the data that is online to the local firestore emulator?

How to import data from cloud firestore to the local emulator?

So I&#39;m minding my own business trying to initializing a Firebase project in my Angular app when all of the sudden I&#39;m hit with this error:

    Error: Failed to list Firebase projects. See firebase-debug.log for more info.

To get to that point, I followed the instructions in the documentation [here][1] which are basically run:

    $ npm install -g firebase-tools

    $ firebase login // Turns out I was already logged in

    $ firebase projects:list // Make sure you can access your account.

Anyway, back to the error. &quot;Ok,&quot; I think. &quot;I&#39;ll just check out the log it&#39;s pointing me to.&quot; I open the log and see:

    HTTP Error: 401, Request had invalid authentication credentials. 
    Expected OAuth 2 access token, login cookie or other valid authentication credential.
    See https://developers.google.com/identity/sign-in/web/devconsole-project.`
    `FirebaseError: HTTP Error: 401, Request had invalid authentication credentials.
    Expected OAuth 2 access token, login cookie or other valid authentication credential.
    See https://developers.google.com/identity/sign-in/web/devconsole-project.`

The part about &quot;invalid authentication credentials&quot; makes me think it has something to do with me not being logged into firebase but `firebase login` shows I am logged in.

The URL in the log just takes me to the docs for using firebase auth in my app. Well, I would love to. But first I need this command to work, Firebase.

Has anyone run into this/have a solution for it?

  [1]: https://firebase.google.com/docs/cli

How do I solve: Error: Failed to list Firebase projects. See firebase-debug.log for more info

I just implemented the new Cloud Functions for Firebase, but there something in the log that bothers me:

&gt; Billing account not configured. External network is not accessible and
&gt; quotas are severily limited. Configure billing account to remove these
&gt; restrictions

I actually managed to access the function from the external network, so I&#39;m wondering do I really have to give my billing account? There&#39;s nothing about this in the firebase documentation.

I&#39;m using the Spark subscription plan for personal test purposes and I don&#39;t want to add billing info if I&#39;m not going to pay for anything yet.

Content Type	Original Author	Original Content on Stackoverflow
Question	Quan Vuong	View Question on Stackoverflow
Solution 1 - Function	Pablo Albaladejo	View Answer on Stackoverflow
Solution 2 - Function	Frank van Puffelen	View Answer on Stackoverflow
Solution 3 - Function	Jonathan	View Answer on Stackoverflow

firebase deploy --only functions overrides existing functions

Function Problem Overview

Function Solutions

Solution 1 - Function

Solution 2 - Function

Solution 3 - Function

Bootstrap uncollapsed panel by default

No provider for Router?

Attributions