Number of posts:59

Ionic 4 + AppSync: Set up Authentication with Amazon Cognito - Part 5

In this post we're going to continue building our app by adding authentication and authorization features to it. This isn't something you'd normally consider easy to implement, but with Amplify you can do this in a matter of minutes. We're going to use Amazon Cognito to manage our users and we'll use the Amplify CLI to set it up on our AWS backend. Then, we'll use the Amplify library to add UI components for authentication to our Ionic app. Read More

GraphQL, Ionic 2+, Ionic, Angular, AppSync

Ionic 4 + AppSync: Build a mobile app with a GraphQL backend - Part 1

A year ago I wrote a tutorial for building a GraphQL backend for an Ionic app with Graphcool. Around the same time, Amazon Web Services (AWS) released their own GraphQL service called AWS AppSync. Amazon Web Services are widely used by many (big) companies and they offer more than 100 different types of services which you can use to create a complete backend for any type of app. AWS offers free tiers for almost all their services so it's free to get started with AppSync. Read More

GraphQL, AWS, AppSync, Angular, Ionic 2+

How To Build An Ionic App With A Graphcool Backend - Part 2

In this post, we'll have a look at how to set up a Graphcool project to serve as the backend for our Ionic app which is going to be a Shopping List app. In the app, we'll have a view for displaying items and another for displaying categories. When a category is selected we'll display only the items in that category. The GraphQL schema for this app will have 2 types: Item and Category with a relationship defined between them. Let's get started! Read More

GraphQL, Graphcool, Ionic 2+

How To Implement In-App Ratings For Ionic 2+ Apps On iOS 10.3+

Since the release of iOS 10.3, it's been possible for developers to ask for reviews directly inside their apps. This means the user never has to leave the app which is a much better user experience than before, where they were had to be sent to the App Store to leave a review. In this tutorial, I'll show you how to implement this into your Ionic 2+ app with a Cordova plugin. Read More

Ionic 2+, Angular 2+, iOS, Cordova

How To Log Errors In Your Ionic 2+ App With Sentry

Sentry is an open source solution for tracking errors in applications. You can install Sentry on your own server and let your app send its errors there or you can use the Sentry hosted service, starting with a free plan that tracks up to 10.000 events per month. In this tutorial, we'll build an Ionic 2 app that logs its errors to the hosted Sentry service. Read More

Ionic 2+, Sentry, TypeScript

How To Create A Node.js Microservice For Your Ionic App

In my previous post I created an Ionic 2 app that reads the posts from a Facebook Page and displays them in the app. I also mentioned that hard coding the Access Token for the Facebook Graph API within the app wasn't ideal, since it can be stolen by anyone who decompiles your app. In this post we'll create a very simple Node.js service that will handle the call to the Facebook Graph API for us, so we don't need to include the Access Token in our Ionic app anymore. Read More

Ionic, Ionic 2+, Node.js, ES6

Exploring App Module And App Component In An Ionic 2+ App

I recently upgraded all my Ionic 2 tutorials from beta versions to the latest version of Ionic 2 and I noticed that there were some changes regarding the App Module. This inspired me to dig a little bit deeper into what happens at the start of the application. In this post, we'll have a look at the functionality of both the App Component and the App Module. Read More

Ionic 2+, Angular 2+, TypeScript