Sharing Top Content from the Angular-sphere.

Shayne Boyer: Angular 2 : Continuous Integration to Azure using Codeship and the Angular CLI

  • Here is a quickstart to create an application using the angular-cli, using codeship to build and run the test using the angular-cli and the push to a website on Azure.
  • The git clone url is in the Summary or Details of the application, this is the address we will need when setting up the Continuous Deployment script.
  • Once all of these steps are complete, the Azure website is setup and we can go back to Codeship to create the Continuous Deployment Script.
  • #Set your git user information – git config user.email “[email protected]” – git config user.name “Your Name” – – # $AZURE_REPO_URL needs to be set in your projects Variables section – # and include both username and password, e.g: Clone Azure repository – git clone $AZURE_REPO_URL ~/azure – – # change…
  • Once the build starts, the output from the build and test will show in the console, and any Azure related commands will echo as well as remote: – – If you go to the Azure Portal and navigate to – yourapp Settings Deployments Deployment Details – and select a log,…


Getting an application written is the first challenge, however having proper tests, running those tests in a continuous integration pipeline as well as deploying the application to your cloud host can be a task to setup.

Getting an application written is the first challenge, however having proper tests, running those tests in a continuous integration pipeline as well as deploying the application to your cloud host can be a task to setup.

Here is a quickstart to create an application using the angular-cli, using codeship to build and run the test using the angular-cli and the push to a website on Azure.

Using the angular-cli we can quickly create an application by executing the commands…

ng new quickstart-ng-cli

cd quickstart-ng-cli

ng serve

Once that is scaffolded out, create your GitHub repo and check in the source.

For a full angular-cli walk through look at my post Angular 2: A Re-Quickstart using the CLI

Codeship

Go to codeship.com and login with your github account.

Create a new project, and link your github repo just created.

Next, configuring the tests setup.

Select “I want to create my own commands”, and use the following script.

#install node version, 4.x is required for the angular-cli

nvm install 4.1

#install angular-cli

npm install angular-cli

#run npm install for your project dependencies

npm install

Under that script is the “Test Pipelines”, where the…

Shayne Boyer: Angular 2 : Continuous Integration to Azure using Codeship and the Angular CLI

Comments are closed, but trackbacks and pingbacks are open.