More Ionic 4 Video Tutorials Have Arrived: “Copy to Clipboard” and “Hash code calculation”

Dear Appery.io Community,

This week, we are introducing two new highly demanded Ionic 4 video tutorials: “Copy to Clipboard” and “Hash code calculation”.

The first video demonstrates how you can add the copy to clipboard feature into your Ionic 4 application:

The second video tutorial explains how to calculate a hash code of string in an Ionic 4 app:

We hope you will find them both useful.

Happy developing!

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.

The New September Release Has Arrived!

Autumn has come and we have new updates for our platform! In this release, we focused our efforts on new Ionic 4 features.

Ionic 4 Range Component

This slider feature lets users select from a range of values by moving the knob. It can accept dual knobs, but by default one knob controls the value of the Range.

Ionic 4 Modal Window

We have added a no-code option for opening modals in Ionic 4, similar to navigate to page action. Now you can pass values and parameters to certain variables on modal close and open.

Ionic 4 Switching Checked State

To make app development faster, we changed the checked state of the following Ionic 4 components:

Now the states of these components are updated at every mapping invocation.

Files Manager

You can now upload any type of file (not just images using our Media Manager). To do it, in your app, go to the App settings > General tab and upload the needed files under the Assets section:

Bugs (Less of Them)

No update is complete without bug fixes. So, yes, we fixed many large and small bugs to make the platform better.

Keep in Touch

If you run into any hiccups with this release, please reach out to us via the forum or by sending us an email. (To send us an email, sign in to the platform and click the Get Help link at the top.)

Our developers are always happy to help you with your application. Thank you for your business, and we hope you enjoy these new improvements to our platform.

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.

Appery.io Offers Free Rewarding Advertising to Their Customers

Dear Appery.io Community,

We would like to thank you for choosing our platform to address your web and mobile app-building needs. It has been a joy to work with all of you, and we hope you enjoy your Appery.io products as much as we enjoy helping you!

In addition to our ongoing efforts to meet your app development needs, we would like to reward our community with an exciting new offer to advertise your apps on our website for free

At this time, we are creating case studies (showcases) based on some of your projects on the Appery.io platform that will help you convert leads into new customers to boost your business.

If you like this idea and want to get in on it, please let us know.

So if you: 

– have an app you’re excited about

– have published your app on any app store, and

– want to advertise this app for free on our platform

Please send us a link to your application at support@appery.io.

While we have your attention, we would also like to remind you that when you work with Appery.io, you build a completely ‘white labeled’ app, so only your company’s logo and name will appear on your final product. As far as we’re concerned, you are the creator and the sole owner of all your apps. Any proprietary information or techniques used for your application will remain confidential; we will never share any information about you without your consent. For more details, you can check our Copyright, Trademark, and Content Ownership section.

We forward to hearing from you soon about this exciting new way to build our partnership,

Sincerely,

The Appery.io Team

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.

Welcome to our New Forum!

Dear Appery.io community!

We are happy to announce that our new Forum has been launched and we are already looking forward to sharing ideas about the Appery.io platform.

From now on, you are free to visit our new Forum space at https://forum.appery.io/ to post your questions/ideas or look for solutions about building with Appery.io.

And, as always: if you need additional information or have any Appery.io-related questions or concerns please feel free to contact us. We are here to help!

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 latest Cordova versions under the App settings > iOS binary tab:

2. Go to the Resoures tab and select the latest library version (now, it’s v1.2):

3. Check if the default InAppBrowser 5.0.0 is enabled on the Cordova plugins > Core Cordova plugins tab:

4. You might also need to upgrade your Target SDK version under the App setttings > Android binary > General tab. 5. 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.

We Are Moving Our Forum!

For some time, we’ve maintained a forum on Get Satisfaction for our user community to share ideas and questions. But, we finally had to close this forum, because the owner, Sprinklr, Inc., will no longer be offering or maintaining the Get Satisfaction platform.

Meanwhile, if you have any other questions or concerns about Appery.io, please feel free to reach out to our support team directly and we’ll assist you as best we can!

And stay tuned! We’ll be launching our new community forum soon. Thank you for your patience while we finish setting it up.

The Summer Release Has Arrived!

In this release, launching this weekend, we have a lot of good news for you about these topics:

  • Toggle component
  • Chart component
  • Fonts
  • Emails from Server Code
  • Datetime component
  • CurrentItem
  • API Express backups

So, without further ado, let’s look at each in more detail.

Ionic 4 Toggle component added

We continue to improve the Ionic 4 framework in our platform. Now we have added a new component, Toggle. If you don’t know, toggles change the state of a single option. They can be switched on or off by pressing or swiping them. Please check:

Chart component updated

The Chart component has proved to be a useful and frequently used feature. We have finished beta testing, fixed some issues, and are now ready to fully roll it out for production.

Font handling improved

We have added the ability to set the default font in App Settings. It is applied in the Visual Editor to have the same font displaying as the Preview and can be reset just like the icon.

Feature to send emails from Server Code added

Now you can send emails using Server Code (our feature for writing app logic on the server using JavaScript). We are sure that this will be a very useful for our users and that they will appreciate it.

Datetime component improved

Now, using the Datetime component, the user can enter hours and minutes into the database without adding the TSC code.

CurrentItem options added

Developers can now update and delete currentItem from an array.

API Express project backup upgraded

Security providers will now be added when you export an API Express project.

 


Bug fixes

What update goes without fixing bugs? So yes, we fixed a large number of big and small bugs to make the platform better.