Ralph's Blog about this and that (RSS | Atom)

2017 | 2018 | 2019 | 2020

Building encrypted chat app with the Web Cryptography API

Published: May 03, 2020  •  javascript, spring, java, ionic

In this blog post, I show you how to create an encrypted Java/JavaScript chat application with the Web Cryptography API.

Add CAPTCHA to your site with hCaptcha

Published: May 01, 2020  •  javascript, java, ionic, angular

This blog post shows you how to integrate hCaptcha CAPTCHAs into a plain JavaScript project and Angular projects, with a Spring Boot back end.

Push Notifications with Capacitor and Java

Published: April 03, 2020  •  ionic, spring, javascript, capacitor, java

In this blog post we take a closer look at how to receive push notifications with Capacitor and how to send them from a Spring Boot application

Creating a password-less sign-in with WebAuthn, Spring and Ionic/Angular

Published: August 25, 2019  •  javascript, java, spring, ionic

In this blog post, we are going to build a password-less authentication system with the FIDO2 WebAuthn standard. I show you a full-stack demo application with an Ionic / Angular front end and a Spring Boot back end with Spring Security.

Password auto-login with the Credential Management API

Published: June 13, 2019  •  java, javascript, spring, ionic

How to create a frictionless password auto-login experience with the Credential Management API.

Uploading pictures from Capacitor app to Spring Boot

Published: June 11, 2019  •  java, spring, javascript, ionic, capacitor

How to take pictures with the Capacitor camera plugin and upload them to a Spring Boot application with Angular's HttpClient and tus.io.

Reliable file uploads over HTTP with tus.io

Published: June 11, 2019  •  java, javascript, spring, ionic

How to integrate tus.io implementations into JavaScript and Java applications to create reliable and resumable file uploads over HTTP.

Google Fonts in an Angular / Ionic application

Published: June 10, 2019  •  javascript, ionic

A tutorial on how to use Google Fonts in an Angular / Ionic app. The blog post presents two approaches. One approach is by linking to the Google Font server, and the second approach shows you how to download Google Fonts and serve them from your web server.

Stateless Authentication with Spring Security

Published: May 15, 2019  •  java, spring, ionic

In this blog post we are going to implement a stateless authentication system with Spring Security, Spring Boot and an Angular/Ionic client

Integrate FontAwesome icons in an Angular application

Published: February 15, 2019  •  Updated: August 21, 2019  •  javascript, ionic

This blog post shows you how to integrate FontAwesome icons into an Angular application with the official Angular JavaScript library

Google Cloud Vision and Storage example with Ionic and Spring Boot

Published: December 11, 2018  •  java, spring, ionic, javascript

This blog post shows you a way to upload pictures from a web application to Google Cloud Storage and run them through Google Cloud Vision. The application uses Ionic for the front end and Spring Boot for the back end. It utilizes signed URLs for permitting the client to upload pictures directly from the web application to Google Cloud Storage

Using the Background Sync API with the Angular service worker

Published: December 09, 2018  •  pwa, javascript, ionic

In this blog post, we look at a way to use the Background Sync API together with Angular's service worker. Or, in general, how to add custom service worker code to a generated Angular service worker.

A closer look at the Background Sync API

Published: June 26, 2018  •  pwa, javascript, java, spring, ionic

This blog post takes a closer look at the Background Sync API, part of the service worker implementation, and presents an example that uses Background Sync to synchronize data between an Ionic web application and a Spring Boot server application.

Using Dexie.js in a TypeScript application

Published: January 12, 2018  •  Updated: December 03, 2018  •  database, javascript, ionic

In this blog post I present a way to use Dexie in a TypeScript application

Custom SVG icons with Ionic 3 and Ionic 4/5

Published: January 06, 2018  •  Updated: December 01, 2018  •  ionic3, ionic, javascript

How to use arbitrary SVG icons in Ionic 3 and Ionic 4/5

Adding speech recognition to an Ionic App

Published: December 18, 2017  •  Updated: July 16, 2019  •  ionic, javascript, java, spring

In this blog post I present three different way how to integrate a speech recognition functionality into an Ionic app. With a Cordova plugin, the Web Speech API and with RecordRTC and the Google Cloud Speech API.

Developing a self-hosted location tracker

Published: November 07, 2017  •  Updated: December 05, 2018  •  ionic, java, spring, javascript

In this blog post, we create a self-hosted location tracker that consists of three parts. An Ionic/Cordova application that continuously sends the current location to a Spring Boot application from where the locations are broadcasted to a website and visualized on Google Maps.

Dynamically loading position data with Ionic and Spring Boot

Published: November 05, 2017  •  Updated: December 03, 2018  •  ionic, java, spring, javascript

In this blog post we create an Ionic app that dynamically requests location data points from a Spring Boot server and displays them on an OpenStreetMap map. The data points are stored in a MongoDB database, and we take advantage of the geospatial query support to read the data points only for a certain area.

Upload files from Ionic to Spring Boot with Flow.js

Published: September 26, 2017  •  Updated: December 04, 2018  •  java, ionic, javascript, spring

A closer look at the Flow.js JavaScript library that helps upload files from a browser to the server. Flow.js is a JavaScript library providing multiple simultaneous, stable, fault-tolerant, and resumable/restartable file uploads via the HTML5 File API.

A closer look at the Web Cryptography API

Published: September 25, 2017  •  Updated: December 04, 2018  •  javascript, cryptography, ionic

Creating a trivial password manager with the Web Cryptography API and the Ionic framework.

Spring Boot and Ionic application development with OpenAPI

Published: September 21, 2017  •  Updated: December 04, 2018  •  spring, java, javascript, ionic

In this blog, we create REST services in Spring Boot and consume them in an Ionic app. We use the OpenAPI specification for generating API documentation and the client TypeScript code.

Offline capable Ionic Web App with IndexedDB

Published: September 15, 2017  •  Updated: December 03, 2018  •  database, javascript, ionic

Example of an Ionic web application that stores data in an IndexedDB and works offline.

Lovefield, a SQL database engine for the web

Published: February 27, 2017  •  Updated: November 29, 2018  •  database, ionic, javascript

A short introduction to Lovefield, a JavaScript SQL database engine. And how to build an Ionic app that uses Lovefield as database access layer.

Sending push messages from Spring Boot to Ionic over FCM

Published: February 26, 2017  •  Updated: March 31, 2020  •  ionic, spring, javascript, java

This post describes how a Spring Boot can send messages over FCM to an Ionic / Cordova app

Integrate ECharts into an Ionic app

Published: February 22, 2017  •  Updated: September 29, 2018  •  ionic, javascript

In this post, we look at a way to display charts from the ECharts library in an Ionic app

Secure Todo app with Ionic

Published: February 18, 2017  •  Updated: December 06, 2018  •  ionic, cryptography

In this post, we create a Todo application with Ionic that stores the data encrypted in the client storage. asmcrypto.js is used as the cryptographic library and we have a look at the Web Crypto API

Uploading files from Ionic / Cordova to Minio / S3

Published: February 16, 2017  •  Updated: December 06, 2018  •  ionic, cordova, spring, s3, javascript, java

How to upload files from an Ionic / Cordova app directly to a Minio server or Amazon S3 with pre-signed URLs.

Uploading pictures from Ionic / Cordova to Spring Boot

Published: February 12, 2017  •  Updated: December 06, 2018  •  ionic, cordova, spring, javascript, java

In this article, we create an Ionic application where the user can take a picture, and the app uploads it to a Spring Boot application.

JWT Authentication with Ionic/Angular and Spring Boot

Published: February 05, 2017  •  Updated: December 07, 2018  •  ionic, spring, java, javascript

How to implement a JWT authentication system with Ionic/Angular and Spring Boot.

Form validation with Angular and Spring Boot

Published: January 26, 2017  •  Updated: December 04, 2018  •  angular, ionic, spring, java, javascript

Example of form validation in an Ionic application. How to create custom synchronous and asynchronous validators and how to validate data on the server with the Java Bean Validation framework.

Hot deploy updates to Ionic / Cordova apps with CodePush

Published: January 16, 2017  •  Updated: December 07, 2017  •  ionic, cordova

Consume Protocol Buffer messages with Ionic

Published: January 14, 2017  •  Updated: December 01, 2018  •  ionic, spring, java, javascript

Hot deploy updates to Ionic / Cordova apps with Ionic Appflow Live Deploy

Published: January 13, 2017  •  Updated: December 07, 2018  •  ionic, cordova