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

2017 | 2018

Google Cloud Vision and Storage example with Ionic and Spring Boot

Published: December 11, 2018  •  java, spring, ionic4, 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 4 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, ionic4

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, ionic4

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 4 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, ionic4

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

Custom SVG icons with Ionic 3 and Ionic 4

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

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

Adding speech recognition to an Ionic 4 App

Published: December 18, 2017  •  Updated: December 04, 2018  •  ionic4, javascript, java, spring

In this blog post I present three different way how to integrate a speech recognition functionality into an Ionic 4 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  •  ionic4, java, spring, javascript

In this blog post we create a self hosted location tracker that consists of three parts. An Ionic 4/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 a Google Maps.

Dynamically loading position data with Ionic 4 and Spring Boot

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

In this blog post we create an Ionic 4 app that dynamically requests location data points from a Spring Boot server and displays them on a 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 4 to Spring Boot with Flow.js

Published: September 26, 2017  •  Updated: December 04, 2018  •  java, ionic4, 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, ionic4

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

Spring Boot and Ionic 4 application development with OpenAPI

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

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

Offline capable Ionic 4 Web App with IndexedDB

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

Example of an Ionic 4 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, ionic4, javascript

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

Sending push messages from Spring Boot to Ionic 4 over FCM

Published: February 26, 2017  •  Updated: December 06, 2018  •  ionic4, spring, javascript, java

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

Integrate ECharts into an Ionic 4 app

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

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

Secure Todo app with Ionic 4

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

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

Uploading files from Ionic 4 / Cordova to Minio / S3

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

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

Uploading pictures from Ionic 4 / Cordova to Spring Boot

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

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

JWT Authentication with Ionic 4 and Spring Boot

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

How to implement a JWT authentication between an Ionic 4 app and a Spring Boot back end.

Form validation with Angular and Spring Boot

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

Example of form validation in an Ionic 4 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 4 / Cordova apps with CodePush

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

Consume Protocol Buffer messages with Ionic 4

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

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

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