Angular Posts

Using AWS CodeArtifact with AWS CodeBuild: An Angular Build Example

Using AWS CodeArtifact with CodeBuild: An Angular Build Example

AWS CodeArtifact enables you to store your custom packages or fetch packages from public package registries and use them in your software development process. If you use AWS CodeBuild to build your code, you can make CodeBuild retrieve the packages required for your build or test commands from your CodeArtifact repository on AWS instead of public Internet registries.

In this post, I will introduce you to AWS CodeArtifact and provide an example of using it with AWS CodeBuild to build an Angular application.

Continue reading the Using AWS CodeArtifact with AWS CodeBuild: An Angular Build Example blog post.

Building Angular Apps with AWS CodeBuild upon Bitbucket Pushes

Bitbucket-AWS-CodeBuild-Angular-S3

If you use Bitbucket for your private Git repositories, you cannot use AWS CodePipeline to create a CI/CD pipeline. Because CodePipeline does not support Bitbucket as a source repository. However, if you still want to use AWS developer tools to automate your builds and deployments, you have an alternative. AWS CodeBuild supports Bitbucket integration as source allowing to trigger builds after push requests to a Bitbucket repository by publishing it as a webhook to it.

By the way, Angular is one of the most popular frontend frameworks and you can deploy your Angular projects in a serverless manner. So it can be reliable, scalable and cost-effective by design. You can build your code, upload to an Amazon S3 bucket and distribute it via Amazon CloudFront.

In this post, I will make an example of using a Bitbucket repository for your Angular projects and triggering builds on AWS CodeBuild after pushing your changes to it. Then your AWS CodeBuild project can build your Angular code and deploy it to an Amazon S3 bucket making it ready for distributing via CloudFront.

Continue reading the Building Angular Apps with AWS CodeBuild upon Bitbucket Pushes blog post.

How to Import Bootstrap 4 Sass into Angular 4

  • by Emre Yilmaz
  • Sep 12, 2017
  • Angular
Angular-Bootstrap

Angular and Bootstrap are very useful tools when developing front ends. You can build single page applications with powerful features of Angular and make them look pretty by using Bootstrap classes and components. They both have new versions now, coincidentally each has version 4. However, Bootstrap 4 is currently in beta stage.

In this blog post I will explain how to import Bootstrap 4 Sass module in an Angular 4 application as SCSS.

Continue reading the How to Import Bootstrap 4 Sass into Angular 4 blog post.

Signing S3 Upload Requests With Signature Version 4 in a Rails and AngularJS Application

Amazon S3 Signature v4 Process

In our Ruby on Rails web applications, we use Amazon S3 to store files. Uploading files to Amazon S3 buckets via HTTP requests requires signing the request. The current recommended, and safe signing method is Signature Version 4, and AWS regions opened after January 30, 2014, such as London and Frankfurt, only support this version.

In this blog post, I will try to explain how to sign HTTP requests for Amazon S3 uploads in a Rails application and make requests by using AngularJS ng-file-upload module.

Continue reading the Signing S3 Upload Requests With Signature Version 4 in a Rails and AngularJS Application blog post.