Our new tutorial tells you how to create a connection to a relational database and use it in Appery.io projects. Watch it now.
Dear Appery.io Community,
We are excited to announce the new features included into our new release, which is already here. So, please make sure you do not miss them:
- Ionic 5 Text Area component. This is something that many of you have been asking for. The component is available to all our users and can be found in the App Builder PALETTE.
- Improved performance of Ionic 4/5 preview. And this is great news since loading the project preview takes less time now, making your development experience even more positive and productive.
- Improved Ace editor with added autocomplete option:
- Added rich editor for variable’s value in Ionic 5 projects. Now, if you need to provide a long line of code or add some object or array to your variable, just click the three-dot button next to the Value field:
- Full support of Android 11.
- A bonus feature is the possibility to quickly add the predefined dark theme for your apps by using our Dark Theme plug-in:
And, the last but not the least: bug fixes (not too much, though).
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.
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.
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:
- Download the app backup file.
- Click Create new app.
- Click From backup and select the project backup file on your drive.
- Type in the app name and click Create:
Setting Up the App
- 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.gitinto 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:
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 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 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.
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.