WebTech


Posted by Steven

This will be a short one.

I am working on an Angular 6 application that is deployed on a Pivotal Cloud Foundry, using the nginx-buildpack. With the default nginx.conf, http and https requests are served. The https request is secured using the certificate for *cfapps.io, which is nice to have without any configuration.

However, allowing http requests opens the door for accidental unencrypted logins, which I want to avoid. Hence, I want to forward all http-requests to https.

Here's the working nginx.conf for this:

Posted by Steven

This article is about deploying an Angular 6 application to Pivotal Cloud Foundry so that URLs without a hash can be used.

Posted by Steven

Recently, we decided which UI library we should use in our Angular app. This article is about the aspects we took into account and why we decided to use PrimeNG (spoiler alert!).

PrimeNG was already integrated in the codebase and used in a few places. Because of that, it would have been possible to change to another library if necessary. We didn’t want to use PrimeNG simply because it already has been there, so we compared it to other solutions.

Posted by Steven

Angular supports the setup of unit testing via it’s build-in TestBed. This class can be used to configure the environment the unit test runs in, including the available modules:

Posted by Steven

I wrote about Angular and Bootstrap before. Here, I documented how to add Bootstrap manually to Angular. Here, I wrote about ng-bootstrap and that it's the best fit for using Bootstrap with Angular. Recently, my team and I had to decide if to use a third option: ngx-bootstrap. This article is about the decision what option to use:

Posted by Steven

Learning how an Angular app can be secured with JWT, I found two wonderful blog posts that showed how to implement a basic setup. If forked both of the corresponding repositories and upgraded the server side to Spring Boot 2. So if you need a working but small example on how to use JWT with Angular, here you go:

Posted by Steven

I recently stumbled upon the following question: When developing an Angular-App with a Spring Boot backend, should the Spring backend live in another Git repository than the Angular frontend? JHipster creates both in a common repository while many projects separate them.

Different sources suggest splitting if:

Posted by Steven

In this article I wrote about my attempt to add a navbar to my Angular app and how I ended up with adding the full JQuery library to be able to use Bootstrap components. Already when releasing this article I knew that this is not the best way to get a working navbar. In this article, I explain why using ng-bootstrap seems to be the best way to add Bootstrap components to an Angular application.

Posted by Steven

Yesterday, I wanted to add a simple Bootstrap Navigation bar to my Angular application that I created with JHipster. Although this is a standard component, I had difficulties because I didn’t understand how Bootstrap, Angular and NodJS play together. This article explains how to “really” add Bootstrap to an Angular application that got created by JHipster.