How to use ng deploy with CI systems like Github Actions

[OmarioHassan]

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

[jamesdaniels]

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.

[OmarioHassan]

@jamesdaniels

[jamesdaniels]

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

[OmarioHassan]

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

[jamesdaniels]

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]

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]

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

although it works well when try ng deploy locally

[jamesdaniels]

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.

[OmarioHassan]

Here are logs and no errors for ng deploy --preview

and this is for the browser logs

[OmarioHassan]

dist output looks well

[OmarioHassan]

@jamesdaniels any help 😊

[OmarioHassan]

@jamesdaniels Any Support?