How To Add Twitter Login to Ionic 4 Apps | Appery.io

We’ve added a new Twitter Login plug-in that allows users to log in to your Appery.io application with Twitter credentials. Check out our new tutorial to learn how to install the plug-in to your web or mobile app.

Want to learn how to deal with low-code app development pitfalls?

Have you ever wondered what low-code app development pitfalls might get in the way of your product becoming successful? And what can be done to avoid them? Actually, it would be true to say that most, if not all of low-code developers have.

Well, some good news is that you can now find some of the answers to such questions in a new brand-neutral, yet highly informative article from two Appery.io people: Eldar Chernitsky,  head of product at Exadel, and Alexander Ancipov,  head of development at Exadel.

Please follow the link to read the post “3 major low-code app development pitfalls and how to avoid them” published by Software Development Times, a leading monthly magazine for Software and Development Managers, DevOps teams, Test & QA professionals, and CIO’s.

How to Create an Event App with Appery.io

In our latest video, Alexander from the Appery.io team will walk you through the process of creating an event app. This application will use several plug-ins to search for the best places to party in a particular area and display them on an online map.

Ionic 4 Secure Storing Data into Mobile Application

Please check out the new Ionic 4 Secure Storage Plugin tutorial on our Appery.io channel. In this video, you will learn how to use the Appery.io Secure Storage Plugin to securely store data in your own mobile application.

Meet a Winning App from Our COVID-19 Hackathon

Two months ago, we announced the winning apps from the Appery.io COVID-19 Virtual Hackathon. Today, we would like to present one of them to you. “Deep Breath” is a relaxation app featuring a number of timed meditation exercises, as well as an assortment of relaxing nature sounds to aid in sleep.

App Description

This awesome app is designed to help people relax by making it easier to practice self-guided meditations and quick relaxation techniques. These techniques can be practiced on your own with the aid of the app. No special knowledge or experience is required—just follow the exercise steps. Another app feature is a playlist of relaxing sounds from nature, which can be of great help in case you have trouble sleeping.

You can try the app by actually creating it as an app from a backup file. To restore the app from a backup, follow these steps:

  1. Download the app backup file.
  2. Click Create new app.
  3. Click From backup and select the project backup file on your drive.
  4. Type in the app name and click Create:

Setting Up the App

Note that, before you can export the app APK or IPA and install it on your device, you will need to import the following Cordova plug-ins under the Resources > Cordova plugins tab:

  • Email Composer plug-in;
  • Music Controls plug-in (use the exact GitHub link and plug-in version indicated);
  • Screen Orientation plug-in version 3.0.2 (use the exact GitHub link and plug-in version indicated). When importing this plug-in with Git URL, paste https://github.com/apache/cordova-plugin-screen-orientation.git into the Repository URL field and enter 3.0.2 as the Repository branch name, as shown in the screenshot below:

When done, select them in the App builder under the App settings > Cordova plugins > Imported Cordova plugins tab:


Also, make sure that the File plug-in and the Media plug-in are added (enabled) in your app (under App settings > Cordova plugins > Core Cordova plugins).

Please, note as well that if you need to build the app for iOS, you will need to upload your distribution certificate and provisioning profile that you obtained from Apple under the App settings > iOS binary tab. You can check this document in case you need help with exporting your application for iOS. And, here, you will find the document that explains how to manage certificates in Appery.io.

Finally, when you are all set, you can proceed with exporting your app (EXPORT > Binary (.apk) or EXPORT > Binary (.ipa)) and then installing it on your device.

See. It looks just beautiful.

Using the App

The app UI is intuitive and attractive. You navigate through the app using a bottom tabs bar.

The Home page nests three different options: MEDITATION TIMER, QUICK RELAX, and SLEEP BETTER all of which offer different activities to be used for relaxation:

Technical Details

The app uses the Cordova Media plug-in for playing audio files, and the native HTML5 audio element is used for playing audio on the desktop. When you play audio on the device, the user can then use the music controls that are shown. The app uses the Cordova Music Controls plug-in for this.

The Feedback page uses the Email Composer Cordova plug-in for composing emails on mobile devices; for desktop machines, it uses a simple HTML ”mailto:” link.


The exercise data is stored in a custom Angular service, dataService.

The auxiliary ngx-countdown module is used for managing the countdown timer on the Timer app page. The progress circle is presented by an SVG element, whose attributes depend on the timer value.

Finally, the Screen Orientation Cordova plug-in forces the app to use the portrait mode.

Important Note on the “ITMS-90809: Deprecated API Usage” Error

Recently, many of our users have started receiving the “ITMS-90809: Deprecated API Usage” message when submitting their Appery.io projects to AppStore. This is connected with the fact that Apple is currently in the process of formal deprecating UIWebView and is migrating to WKWebView, UIWebView’s successor.

In this connection, we would like to update our users with the following instructions on how to avoid the issue with Apple submissions:

The workaround to apply for Ionic 4 apps:

  1. Set the following Cordova versions under the App settings > Android binary/iOS binary tabs:

      

 

2.  Check if the default InAppBrowser 4.0.0 is enabled on the Core Cordova plugins tab:

      

Rebuild your app.

The workaround to apply for JQM or Ionic 1 apps:

  1. Under the Project > App Settings > Resources tab, select the latest Appery.io library version available:

 

 

2. Under the Project > App Settings > iOS Binary tab, select the latest Cordova iOS version available (6.0.0.): 

 

 

 

 

3. Under the Project > App Settings > Core Cordova plugins tab, enable WKWebviewEngineAllowFileAccessPlugin:

 

 

 

 

4. Check that you don’t have edited files on the Source tab

Then, scroll down to locate the Appery.io cordova-plugin-ionic-webview plugin and enable it:

 

Cordova WKWebView Engine and Cordova-plugin-ionic-webview plugin plugins may be unchecked if Cordova iOS 6.0.0. is selected.

Important note: please be informed, that this workaround might not work if your app is older that one year.

For the apps built earlier, switching to a different browser engine might be needed which might result in some other issues that should be considered separately in every particular case.

Also, we would like to remind you that you are always welcome to contact us if you have further questions about this or any other Appery.io related issue.

Quick Note: Deprecated Libraries 1.1 and 1.2 Removed from the Appery.io System

We would like to call attention to important changes made to the library versions of all Ionic 1 and Bootstrap projects.

Their library versions 1.1 and 1.2 have been marked as deprecated:

In this connection, we highly recommend upgrading your app(s) to the latest version available.

Also, please make sure you test your app to check if it works properly after performing such an upgrade.

Thank you for your understanding and happy developing!

Global Developer Community Unites for Appery.io COVID-19 Hackathon

In these times of uncertainty and unrest, individuals and businesses around the world are finding new and unique ways of working and living. While many are able to adjust with ease to the challenges of COVID-19, others are not so able to adjust easily. Social distancing measures can cause ripple effects in mental health. Economies are trending downward, forcing many to rethink their financial strategies. The elderly and other vulnerable groups need enhanced support and protection.

However, the current state of technology and collaboration provides hope that we will find solutions to these new challenges. Plus, with many people in the tech field able to work remotely, innovation doesn’t have to stop. At Appery.io, we recognize that the time is right for developers to bring their ideas to life—to find ways that we can work together to help our global community.

That’s why we are hosting the Appery.io COVID-19 Virtual Hackathon where we are encouraging developers from all over the world to build digital solutions that solve some of the challenges posed by the Coronavirus pandemic. The Appery.io COVID-19 Virtual Hackathon has already started with final submissions due May 6, 2020, by 11:59pm PDT (GMT -7). A panel of experts will judge the submissions, with up to $1,000 in cash prizes awarded. A virtual ceremony will be hosted on May 10, 2020 to recognize the finalists.

Using Appery.io, a low-code application development platform created by Exadel and used by nearly 500,000 developers worldwide, participants will be challenged to build applications that help groups and businesses most impacted by COVID-19. Projects should focus on areas like healthcare, mental health, assistance for the elderly or vulnerable, improving remote work, financial stability, or maintaining a sense of community. Developers are free to be as innovative and unique as possible with minimal restrictions on application type or theme.

Participants are welcome to register and submit their applications until May 6, 2020 to get final projects in. Submissions will be judged by a panel of experts according to a range of relevant criteria. Prizes will be awarded as follows:

  • 1st $1,000 and an Appery.io Annual Pro Subscription
  • 2nd $500 and an Appery.io Annual Pro Subscription
  • 3rd $250 and an Appery.io Annual Pro Subscription

For more information on how to get started, FAQ’s and guidelines please visit: (https://covid.appery.io/

We look forward to seeing what participants create and have no doubts that we will be inspired. In this time of distance, isolation, and uncertainty, it’s more important than ever to find ways to connect with, support, and provide hope for each other. Thanks to technology, it’s possible. Happy hacking!

Check out this video about the hackathon:

Platform Upgrade: The General Release of Ionic 4 App Builder!

We’re happy to announce that our Ionic 4 App builder is now a production-ready (no longer beta) solution for building mobile apps in Appery.io!

What’s next? Right now, our team is working on documentation, templates, and app samples which we’ll post shortly on our docs site here: https://docs.appery.io/. Meanwhile, check out our tutorials section: https://docs.appery.io/docs/samples-overview#section-trending.

One thing to keep in mind. Going forward, we’re removing Ionic 3 from Appery.io, but, if you have already created an Ionic 3 app and published it, you can still use it. However, we strongly suggest rebuilding the app using the Ionic 4 version in our platform.

An Introduction to Appery.io’s Ionic 4 App Builder

We have have prepared an introductory tutorial for our Ionic 4 app builder that shows how to create a simple todo list app that displays a list of data from a cloud database communicating with the database via a REST API. Hop on over now to the tutorial on our documentation site.

Example of screen from the tutorial