Check out our new tutorial that shows you how to add custom pop-ups to your Appery.io app. You can add error or success messages, custom notifications, prompt windows, and more — all by installing the SweetAlert2 module to your app.
Appery.io allows developers to create apps that support sign in with Apple ID. To add this feature to your application, you simply need to install and configure our new Login with Apple plug-in.
In today’s time of unprecedented troubles and uncertainty we are happy to be able to give some bit of satisfaction to the Appery.io community: a bunch of new Ionic 4 tutorials have arrived so that you can immerse yourself in a new level of programming and be more optimistic about your future.
Over time we have been working hard to document Appery.io Ionic 4 components as thoroughly as possible. This documentation will help you understand better how the Ionic 4 app UI can be managed in the best possible way for your particular project.
App Template Tutorial
If you are only starting on your Appery.io programming journey, you will definitely find our pre-defined Ionic 4 app templates useful. To get oriented on this topic review: Ionic 4 App Templates.
Cordova Plug-in Tutorials
We have also published several easy-to-follow tutorials that demonstrate the effective use of Cordova plug-ins in Appery.io Ionic 4 projects:
More Sample App Tutorials
These tutorials describe how to develop some cool Ionic 4 apps:
- App where you can use the Camera service to run a camera on your device, take a photo, preview this photo in the image component on screen, and then upload it to a database
Just take a look at how intriguing these examples are as you work through them!
Note: Most of the tutorials come with app backups that make the tutorials easier to go through.
We hope this “to-do list” of Appery.io tutorials will help you get through these trying times and make your #StayAtHome times less burdensome and as efficient and pleasant as possible.
Stay with us and hope for better times soon!
Recently we rolled out a new Google Maps Tutorial for Appery.io’s Ionic 4 Builder. But, today, the Appery.io team can offer more help for our valued users to get the most out of Ionic 4! We have always tried to make developing with our platform as easy as possible, and, this time, we do so by presenting two more step-by-step tutorials on building with Ionic 4:
Ionic 4 ngx-translate Tutorial
Ionic 4 SweetAlert2 Tutorial
Both of these topics have often been requested as tutorial subjects, so we look forward to seeing a lot more implementations in Appery.io apps. We also hope our tutorials help you build up a broader understanding of how everything works with Appery.io backed up by Ionic 4 features.
We have some good news for Appery.io users. Another tutorial on Ionic 4 has arrived!
Geolocation is one of the most widely used APIs in mobile apps today. From weather to Uber and Lyft, the device location is crucial information and many APIs use it to determine what services and products are available in a given location. When building a mobile app in Appery.io, using the Geolocation API is simple. Apache Cordova library is built-in in every new Appery.io app. Invoking Geolocation will return the latitude, longitude (and other) information which can then be passed to any REST API. The following two short videos show how to use and invoke Geolocation in an Ionic and jQuery Mobile apps:
- A Quick Guide to Using Geolocation API (Ionic App)
- A Quick Guide to Using Geolocation API (jQuery Mobile App)
Looking for more videos like that? Check out our YouTube channel for many more videos.
Appery.io API Express make it fast and simple to connect to an enterprise data source and expose it via a REST API. With API Express you can quickly create an API for:
- A relational database
- A WSDL service (SOAP)
- An existing REST API
In this tutorial, I’m going to show how to expose an existing WSDL service as a REST API and then build a mobile app using the API.
Our users have frequently requested the ability to add payments to their Ionic & AngularJS mobile apps more quickly, for example, to create an online shop. Now, with the help of this plug-in, you could build an online shop (for instance) to be used by your Ionic & AngularJS app really easily.
A few notes about the security implemented in this app:
- Authentication with PayPal occurs via a Server Code script. It takes your PayPal app credentials and sends XHR to PayPal. The token is stored to the database.
- By using the Secure Proxy feature, the actual token value will be substituted on the server side. This way any PayPal API can be triggered.
- Because of the server-based authentication, sensitive data such as the client secret or token value will never be shown in the app, which eliminates the possibility of theft.
Finally, a few, more general, notes:
From talking with developers who are building business and enterprise apps, we’ve heard that displaying data visually with charts is one of the highest priority requirements. To make it easy to visualize data, Appery.io has introduced a lightweight plugin that has everything you need to add pretty and inform-dense charts to your mobile app.
In this post we’ll show you how to do exactly that.
- Open your Appery.io app and go to
CREATE NEW > From plugin.
Appery.io Chartsand click
Import selected plugins.
- All the assets and the
chartspage will be added to your app.
Now you can go to
Project > Routing and set the
Default route for
charts page to make this the initial page for your app.
There are three type of charts implemented in this plugin – Line, Bar and Radar. Switch them and see the animation by clicking the appropriate buttons.
Chart.js supports many other chart types, you can learn about the other charts here.
In this plugin, charts are displayed based on the data stored locally, in the scope variable. However, you may want to use a database as the data source for your charts. It will take less than a minute to configure the plugin in this way. Read the plugin documentation to see how.
Hopefully you will find this easy-to-use plugin useful. If you have any suggestions on how to make it better – feel free to contact us!
In this post you are going to learn how to access images uploaded to a cloud database via REST APIs and display the images in the app. This is the second post about working with images. You can read the first post here:
Let’s say you have a list of images, icons, or avatars that you have uploaded to a database. Maybe you are building a contacts app and would like to display employee head shot or just a list of products. Now you would like to display them in your app. In this tutorial we are going to show you how to do that — it’s fast and simple.