Ionic 4 | Native HTTP Plugin Tutorial with Example

In this tutorial, we will learn how to make HTTP calls using Ionic’s Native HTTP plugin.

Making Native server calls over provides advantages over traditional JavaScript HTTP calls. Native HTTP calls are made in Android and IOS based native applications. It provides more security and better calls handling features.

Some of its advantages are as follows:

Background threading: All requests are done in background thread like native applications.

Handling of HTTP code 401: This error code 401 is returned during an unauthorized access to the server which is not handled properly using JavaScript-based HTTP calls.

SSL Pinning: Pinning is used to improve the security of a service. It is used to create a secure Identity for making communications. Continue reading Ionic 4 | Native HTTP Plugin Tutorial with Example

Ionic 4 | Keyboard Native Plugin Tutorial

In a hybrid application which runs in a WebView, we sometimes face challenges to have control on Keyboard to show or hide when the user starts to type in. To resolve this ve have Cordova plugin which controls Keyboards events and provides easy methods to intentionally show or hide Keyboard on user screen.

Here we will discuss How to add Keyboard Native plugin in Ionic 4 application and how to sue Keyboards Hook events.

Continue reading Ionic 4 | Keyboard Native Plugin Tutorial

Ionic 4 Native | Date & Time Picker using Native DatePicker plugin Tutorial by Example

To give a more native look to the Ionic application we can replace HTML based Datepicker with Android’s Native Date and Time picker in Ionic hybrid applications. Ionic’s Native Datetime Picker plugin allows adding Android Date and Time picker with many custom options and themes. Continue reading Ionic 4 Native | Date & Time Picker using Native DatePicker plugin Tutorial by Example

Ionic 4 | Geolocation Camera clicking Pictures with Watermarked Latitude & Longitude Coordinates

In this article, we are going to create an Ionic 4 application with a GeoCamera feature. The application will take pictures from device camera then watermark them with current location coordinates with Lattitude and Longitude.

Sometimes users may need this functionality in application to watermark images with any of such information for validation purposes. In this tutorial, we will also discuss a very useful js library WatermarkJS which can be used to marker mark images with text or images.

Continue reading Ionic 4 | Geolocation Camera clicking Pictures with Watermarked Latitude & Longitude Coordinates

Ionic 4 | Use Camera using Ionic Native plugin in Ionic 4 Latest version

Ionic 4 Application to use Camera and get pictures returning images as Base64 URL to show user Image taken.

Hybrid applications are very quick to build but sometimes it becomes challenging to achieve some features which involve access to hardware like GPS, Network, Storage, File Storage, Camera. Cordova comes in charge to provide plugins to make a connection with java libraries to use them.

Check: Ionic 3 Camera Tutorial Example

We have already discussed How to access the camera in Ionic’s version 3, in this article we will use Camera feature in Ionic application with latest version 4 using Cordova and Ionic Native Continue reading Ionic 4 | Use Camera using Ionic Native plugin in Ionic 4 Latest version

Ionic 4 | Crop Images selected from Image Selector show in base64 format using Native plugins

In many applications, we usually face some situation where we need to get Cropped images from users during form submissions. Cropped images are usually small in size and have only that part of an image which is required. Image crop behavior should be easy to use and of course easy to implement 😛

Continue reading Ionic 4 | Crop Images selected from Image Selector show in base64 format using Native plugins

Ionic 4 | Get Unique Device ID & Other Uid’s of UUID, IMEI, IMSI, ICCID and MAC using Native & Cordova Plugins

A device may have a different type of ID’s stored in it which are of different type and have different significance. Each device has this type of ID’s but in unique and distinct values. These ID’s can be a Unique Device ID, IMEI Sim number, MAC Address, etc. Continue reading Ionic 4 | Get Unique Device ID & Other Uid’s of UUID, IMEI, IMSI, ICCID and MAC using Native & Cordova Plugins

Ionic 4 | Set Screen Orientation in LANDSCAPE/ PORTRAIT and Lock/ Unlock using Ionic Native Plugin

In an Ionic application, we can easily force orient screen into Landscape or Portrait mode. In some situations developers need to show UI of application in a specific layout, this plugin can help to lock/ unlock screen orientation by calling a simple method. Continue reading Ionic 4 | Set Screen Orientation in LANDSCAPE/ PORTRAIT and Lock/ Unlock using Ionic Native Plugin

Ionic 4 | Show Local Notifications in Ionic 4 Application using Native Plugin

Some of the applications may have some operations running on the device without any need for network connections. In that case, we may want to show some type on notifications like reminders, alerts of some notifications other then push messages. Such type of notifications which are pushed by the locally installed app in the device is local notifications.  Continue reading Ionic 4 | Show Local Notifications in Ionic 4 Application using Native Plugin

Ionic 4 | Turn on Device GPS in Ionic 4 Application Without Leaving App using Ionic Native Plugin

In Ionic Application which is using Geolocation get device location coordinates like latitude and longitude may need more accuracy. Device Geolocation service can location coordinates using the network, WiFi Bluetooth but for more accurate location device GPS option must be turned on, which can provide Location accuracy up to 10m which proves quite good for real-time and delivery applications.

In this post, we will discuss How to Turn on Device GPS option from Ionic 4 Application itself, so that user does not need to leave application. We will use Cordova and Ionic Native plugin, which will prompt the user to turn on GPS.

Continue reading Ionic 4 | Turn on Device GPS in Ionic 4 Application Without Leaving App using Ionic Native Plugin