TechPrufer
Get started
Atlassian
Atlassian logoAtlassian · Feature trail

Angular App CI/CD with Bitbucket Pipelines and Firebase Hosting

2 posts · Apr 2019 – Sep 2019

What this trail covers

This post details the setup of a CI/CD pipeline for an Angular application using Bitbucket Pipelines and Firebase Hosting. It covers creating an Angular app, configuring Bitbucket for CI/CD, setting up Firebase Hosting, and integrating them to automate build, testing (unit and e2e), and deployment processes. The pipeline is triggered on code pushes, ensuring continuous integration and delivery.

All Atlassian trails
  1. Building an Angular app and deploying it to Firebase using Bitbucket PipelinesThis post introduces a comprehensive guide to setting up a CI/CD pipeline for an Angular application. It details the steps for creating an Angular app, configuring Bitbucket repositories, setting up Firebase Hosting, and integrating these components. Key technical contributions include: defining npm scripts for CI/CD (`build:prod`, `test:ci`, `e2e:ci`), configuring Karma and Protractor for headless browser execution in a CI environment (`ChromeHeadlessCI`, `e2e/protractor-ci.conf.js`), generating and using a Firebase token as a repository variable, and creating a `bitbucket-pipelines.yml` file to orchestrate the installation of Node.js, Chrome, running tests, building the Angular app, and deploying to Firebase Hosting using the `atlassian/firebase-deploy` pipe.
  2. Deploying an Angular app on a Google VM Using Bitbucket PipelinesThis post details the setup of a CI/CD pipeline for an Angular application using Bitbucket Pipelines and Firebase Hosting. It covers creating an Angular app, configuring Bitbucket for CI/CD, setting up Firebase Hosting, and integrating them to automate build, testing (unit and e2e), and deployment processes. The pipeline is triggered on code pushes, ensuring continuous integration and delivery.