Deploy your Angular 2 project with Bitbucket Pipelines to Firebase Hosting

BitbucketPipelines2Firebase.md

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.

Ok thats understood if I want to deploy to Firebase. Here is a scenario where I want to deploy the project to a shared hosting service, how can I go about that?

@LarryCodes this

Strange problem in firebase.json:

{
  "hosting": {
    "public": "dist",
    ...
  }
}

but in pipe failed result "Error: Specified public directory does not exist, can't deploy hosting"

Use ng build --prod