Mobile Dev. Tip: Quickly Map Data Between Services and UI Using Visual Mapping and Binding Editor in AngularJS Apps

apperyio_binding

There are two powerful and convenient ways to use data flow management in Appery.io: Mapping and Binding.

Mapping

When a REST service is invoked, it usually requires input data. In most mobile apps, the data comes from the page (user-entered) or from storage (previously saved). When the service is invoked, it returns the data you want for further actions with it. This is when Mapping comes really handy — you can map input and output data via a simple and intuitive drag&drop system. You can also modify the incoming and outgoing data on-the-fly by adding custom JavaScript to a needed element.

Binding

AngularJS apps support automatic data synchronization between the model and view components. When the model changes, the view reflects the change, and vice versa. It’s called data-binding. Appery.io provides Binding — the visual tool for managing the connections between UI components and scope. By going to the BINDING tab you can see an overview, and add or remove connections via the simple drag&drop system.

Make sure to check out all of our mobile development tips.

Do you want to build apps fast? Start developing with our free plan.

Mobile Dev. Tip: Geolocation Plug-in for AngularJS Apps

geolocation-plugin

Geolocation functionality is one of the most popular features in mobile development. In Appery.io, a geolocation plug-in is available out-of-the box and can be configured in minutes to use in your mobile app. Recently, we’ve updated the geolocation plug-in for AngularJS apps (both Ionic and Bootstrap) and now it is even more intuitive and faster to use. In the geolocation plug-in docs you can find out how to add the plug-in to your Appery.io app, so you can retrieve the current position and start\stop watching position.

Make sure to check out all our mobile development tips.

Do you want to build apps fast? Start developing with our free plan.

Mobile Dev. Tip: Update Apps without Going through the App Store

apperyio_app_auto_update

Appery.io recently announced another great feature that significantly simplifies app versions publishing. By using the AutoUpdate feature, you can make changes to the published app without submitting it to app stores. Go to EXPORT > Auto update after you’ve made changes, and Appery.io will generate a bundle with the updated resources. Apps installed on devices will automatically download the updated bundle, so users don’t need to do anything for the update. You can read more about the AutoUpdate feature in our documentation.

Make sure to check out all our mobile development tips.

Do you want to build apps fast? Start developing with our free plan.

Mobile Dev. Tip: How to Use a Custom Sound for Push Notifications

placeit

Would it be nice to have unique push notification sounds for your app? When you have a unique sound, users can quickly differentiate it from other notifications. Adding custom sound is really easy with Appery.io – upload a custom sound file to your Appery.io app and then specify its name on the push notifications page. Currently, the feature is available for iOS apps only. You can find more about the custom sounds and a lot of other useful information on push notifications in our documentation.

Check all the mobile development tips.

Do you want to build apps fast? Start developing with our free plan.

Tip: Keep Data in One Place to Use Anywhere in Your App

Icon for a tipAre you looking for a convenient place to keep data that may be accessed from any screen of your app? Appery.io has you covered. Use the Settings Service to keep any data you need to quickly access from anywhere in your app. The Settings Service has its own API. so it’s easy to manage programmatically. Use it for static values such as URLs and IDs and for dynamic values such as device language or dates. But, beware of keeping sensitive information there such as session tokens.

Tell me more.

For more tips…

Tip: Make HTML Do New Tricks with AngularJS Directives

Icon for a tip AngularJS provides many useful tools for easy app development, including the concept of directives. When building an AngularJS mobile app with Appery.io, you can easily write any custom directive you want to extend the behavior of HTML. Appery.io even provides two of it’s own built-in directives you can use: navigateTo and backButton. The first one helps navigate between app pages; the second one helps manage your browser history including making the back button behave more intuitively.

Tell me more.

For more tips…

Tip: Easily Keep Your App Synchronized Despite Intermittent Connectivity

Icon for a tip Most popular modern apps require an internet connection to a server to operate fully. Sometimes, though, devices are going  to be disconnected, so an app needs to be able to “catch up” with the server when it’s reconnected. Incorporating this synchronization into your app is important for attracting more users. With the help of Appery.io API Express and its offline mode, you can do exactly that! As part of this feature, there are a variety of different methods available to handle all the details like switching between online and offline modes, triggering the synchronization, and resetting data that fails to synchronize.

Tell me more.

For more tips…

Tip: Get Quicker Screen Loading with AngularJS Minification

Icon for a tip Slowness is the ultimate user experience killer for apps. A good way to make your apps faster is to boost screen loading speed. “Minification” helps this by removing all unnecessary characters from screen code without changing the functionality. You can easily add minification to your AngularJS apps in Appery.io with the Grunt JS Task Runner. Then, you can easily customize the minification process through configuration or by adding third-party modules.

Tell me more.

For more tips…

Tip: Sharing Android and iOS Apps Made Even Easier with the Appery.io Tester App

Icon for a tipWith the Appery.io Mobile Tester App, (available for iOS or Android) anyone can test and run your mobile app as if it had been installed as a binary for their platform. The person you want to share with doesn’t even need an Appery.io account! Just ask the person you are going to share the app with to install the Appery.io Tester app (iOS or Android). Then, generate a code on the app page in Appery.io and send it to this person. When this code is entered into the tester app, your app gets loaded and launched on the device.

Tell me more.

For more tips…

Tip: Easily Add a Side Menu to Your AngularJS App

Icon for a tipIf you are developing a mobile app, you’re likely to need some kind of a menu to easily show when needed and to hide otherwise for conserving screen space. There is a really cool native-like Ionic component to do this that is available out-of-the-box in Appery.io. Simply turn it on by toggling the Is Enabled option and adjust for your needs. Then, in the app, swipe the content left or right to open this side menu.

Tell me more.

For more tips…