How to use ng deploy with CI systems like Github Actions · angular/angularfire · Discussion #2957

OmarioHassan
Sep 14, 2021

I'm trying to use ng deploy with token but I can't
Any help

Replies: 3 comments 10 replies

jamesdaniels
Sep 15, 2021
Maintainer

Locally run firebase login:ci which will generate a CI token for you. Then take that token and set it as an environment variable (FIREBASE_TOKEN) in your CI system, if available use a "secret" environment token so it's encrypted.

6 replies

@OmarioHassan

OmarioHassan Sep 19, 2021
Author

@jamesdaniels
image
image
image

@jamesdaniels

jamesdaniels Sep 19, 2021
Maintainer

It needs to be an environment variable, not passed as an option.

@OmarioHassan

OmarioHassan Sep 19, 2021
Author

So how to connect GitHub secret variable with local environment variable
Is there a code example

@jamesdaniels

jamesdaniels Sep 19, 2021
Maintainer

So how to connect GitHub secret variable with local environment variable

Is there a code example

look at the github actions docs, it's pretty explicit on how to use env variables

@JasonGoemaat

JasonGoemaat Oct 10, 2021

So how to connect GitHub secret variable with local environment variable Is there a code example

This is what I use:

 - name: Firebase Deploy
 run: firebase deploy --token ${{ secrets.FIREBASE_TOKEN }}

OmarioHassan
Sep 21, 2021
Author

@jamesdaniels after fixing the token issue, I faced a new one

image

although it works well when try ng deploy locally

image

4 replies

@jamesdaniels

jamesdaniels Sep 22, 2021
Maintainer

You need to set that public directory in the hosting config to whatever the directory your browser bundle is built / been moved to. Use ng deploy --preview locally to see where those artifacts are being placed.