How To Add Custom Pop-Ups to Ionic 4 Apps | Appery.io

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.

How to Add Apple ID Login to Ionic 4 Apps | Appery.io

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.

Managing Android and iOS Certificates on the Appery.io Platform

To publish your Appery.io apps on the App Store and Google Play, you need iOS and Android certificates. These documents validate that you are a trusted developer and your application is secure to use. Watch our latest video to learn how to create such certificates.

New Appery.io Customizable Plans and Website

Not only have revamped our website, we’ve got some great added options for customizing new and existing Beginners, Pro, Team and Ultimate Appery.io plans!

Appery.io now has new Plan Customization Options, allowing you to make changes to key aspects of your account and see the cost immediately, before you place your order. You can now mix and match exactly the parameters you need to get the perfect plan for your needs.

Here are some of the highlights from our new customizable plan options:

  • Beginner Plan: 12 screens per app, not just 5
  • Pro, Team, Ultimate Plans: Up to 50 developer seats, whatever you need
  • Pro, Team, Ultimate Plans: Up to 50 apps in one account

If you’re looking for more detailed info on how we’ve changed the individual plans, please visit the Plans and Pricing Page on our brand new website. If our new level of customization still isn’t enough for you, get in touch with support, and we can discuss additional options that fit your needs.

Are you looking for development help from our team of experts? We’ve got you covered with new Support Pack options. Under our old system you only had the choice of 8 or 40 hours of assistance, but now you can choose from 5, 8, 16, 24 AND 40 hour Support Packs. We trust that these additional options will help you get the support you need to realize your app. If you need more than 40 hours of support please do not hesitate to get in touch with our team.

We’re genuinely excited to offer these new changes to our website, Support Pack options, and plan customization. Whether you were hitting the limits on the old plans and needed to upgrade, new to our platform and wondering how to get the right amount of expert assistance, or anywhere in between, we’re here to help you effectively and efficiently develop the apps that you’ve envisioned. We can’t wait to see how you put the new and improved Appery.io to work for you. 

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.