Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save buster95/fde732f9c30f159d4bc8b81ef57fbc93 to your computer and use it in GitHub Desktop.
Save buster95/fde732f9c30f159d4bc8b81ef57fbc93 to your computer and use it in GitHub Desktop.
Deploy your Angular 2 project with Bitbucket Pipelines to Firebase Hosting

Deploy your Angular 2 project with Bitbucket Pipelines to Firebase Hosting

Firebase

Please see the Firebase setup instruction to setup a project on Firebase.

Firebase CI Token

To run the firebase deploy command you need to obtain a login token from Firebase. To do so, run the firebase login:ci on your command line which will generate a token. Copy the generated token.

Environment Variables

Goto your project in Bitbucket, open the Settings and select Environment variables. Create a new variable with FIREBASE_TOKEN as the key and paste in the token as the value. Save the configuration.

Pipelines file

Create a bitbucket-pipelines.yml in branch you want to deploy.

image: node:7.4.0

pipelines:
  default:
    - step:
        script:
          - npm install -g @angular/cli
          - npm install -g firebase-tools
          - npm install
          - ng build --env=prod
          - firebase deploy --only hosting --token "$FIREBASE_TOKEN"

Deploy

After a commit on your branch, the pipeline with deploy your changes to Firebase.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment