Development Tip: Use Server Code Plug-ins and Snippets for Quicker Coding

Posted: January 27th, 2016Author:

snippets

Using Server Code snippets and plug-ins are a great way to save time when making server scripts. Instead of digging through the Server Code documentation, you can simply choose one of the snippets located on the right side of the screen in script editor mode. The set of snippets provided by the Server Code API are the most common, but if you think of other useful snippets, let us know and we’ll add them to the list.

Server Code plug-ins are another way to save time when implementing your logic. To find Server Code plug-ins, go to the Server Code page and then to the Plugins tab. For now, there are two plug-ins. With them, you can quickly integrate with the Twilio or SendGrid API via XHR (XMLHTTPRequest). Simply click “Import” to create the server script based on the plug-in selected, and then customize it by specifying your API keys.

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

Do you want to build apps fast? Start developing with our trial plan!

PayPal Secure Payments for Your Ionic & AngularJS App

Posted: December 18th, 2015Author:

paypal_logoPayPal API is one of the most popular Appery.io plug-ins, and now it’s also available for Ionic & AngularJS!

Our users have frequently requested the ability to add payments to their Ionic & AngularJS mobile apps more quickly, for example, to create an online shop. Now, with the help of this plug-in, you could build an online shop (for instance) to be used by your Ionic & AngularJS app really easily.

A few notes about the security implemented in this app:

  • Authentication with PayPal occurs via a Server Code script. It takes your PayPal app credentials and sends XHR to PayPal. The token is stored to the database.
  • By using the Secure Proxy feature, the actual token value will be substituted on the server side. This way any PayPal API can be triggered.
  • Because of the server-based authentication, sensitive data such as the client secret or token value will never be shown in the app, which eliminates the possibility of theft.

Finally, a few, more general, notes:

  • The flow implemented in this plug-in is similar to PayPal’s flow.
  • We have a PayPal API plug-in tutorial here. Check it out to configure the plug-in.
  • The plug-in is configured for a test environment, so use the PayPal guide too see what you need to do when going live.

Development Tip: Adding Cordova Plug-ins To Your App

Posted: November 25th, 2015Author:

import_cordova_plugins

With just a few quick steps, you can easily add any 3rd-party Cordova plug-in to your Appery.io app:

  1. Go to the Github page of the plug-in and download the latest stable version by clicking “Download ZIP.” It’s important to download the latest stable version.
  2. Go to Resources > Cordova plug-insand click Import Cordova plug-in, then: Choose file, locate the downloaded file and click Import plug-in The plug-in will appear under Cordova plug-ins

To manage all of the Cordova plug-ins for a particular app, go to Project > App settings > Cordova plug-ins and you’ll see the list. You can quickly enable or disable any plug-in.

Learn more in our documentation, and make sure to check out all of our mobile development tips.

Do you want to build apps fast? Start developing with our trial plan!

Development Tip: Managing Device Contacts with an Appery.io Plug-in

Posted: November 18th, 2015Author:

icon-contactsBy using the Appery.io Contacts plug-in, you can conveniently manage contacts on a user’s device. The plug-in is based on the Cordova API and can be imported into your Appery.io app like any other plug-in. Just click CREATE NEW > From plugin, select Apperyio Contacts Service and click “Import selected plugins.” There is a set of services you can use to perform the operations, such as find, remove, create, edit and more.

We’ve also prepared a detailed tutorial on how to use this plug-in, as well as a simple demo app (you can create it from the attached backup), that allows you to find, create and save contacts. Find it here.

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

Do you want to build apps fast? Start developing with our trial plan!

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

Posted: October 14th, 2015Author:

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.

Quickly Visualize Enterprise Data with the New Chart Plugin

Posted: October 1st, 2015Author:

apperyio_angular_charts

Appery.io Charts plugin

From talking with developers who are building business and enterprise apps, we’ve heard that displaying data visually with charts is one of the highest priority requirements. To make it easy to visualize data, Appery.io has introduced a lightweight plugin that has everything you need to add pretty and inform-dense charts to your mobile app.

In this post we’ll show you how to do exactly that.

The Appery.io Charts plugin is available for AngularJS types of apps – both Ionic and Bootstrap. It’s built on the popular Chart.js library and consists of two JavaScript and one CSS asset. It can be added to your app the same as any other Appery.io plugin:

  1. Open your Appery.io app and go to CREATE NEW > From plugin.
  2. Choose Appery.io Charts and click Import selected plugins.
  3. All the assets and the charts page will be added to your app.

Now you can go to Project > Routing and set the Default route for charts page to make this the initial page for your app.

There are three type of charts implemented in this plugin – Line, Bar and Radar. Switch them and see the animation by clicking the appropriate buttons.

Chart.js supports many other chart types, you can learn about the other charts here.

In this plugin, charts are displayed based on the data stored locally, in the scope variable. However, you may want to use a database as the data source for your charts. It will take less than a minute to configure the plugin in this way. Read the plugin documentation to see how.

Hopefully you will find this easy-to-use plugin useful. If you have any suggestions on how to make it better – feel free to contact us!

Social Authentication Examples for AngularJS and jQuery Mobile

Posted: August 25th, 2015Author:

User login/registration is one of the most common features in a mobile app. Permitting login with existing credentials that users have from social networks can significantly simplify the authentication process and improve the user experience.

User Login Registration Examples for all project types (jQuery Mobile, Ionic, and Bootstrap) has just been updated with social authentication functionality. You can use those examples to quickly set up your app with the social login feature or see how it’s built to implement your own.

social_authentication_appery_io

To create an app from an example, click Create new app > From example and choose the example you want from the list of available examples.

Read the rest of this entry »

Building a Mobile App with AngularJS and Barcode Scanner

Posted: August 19th, 2015Author:

With Barcode Scanner plugin, you can quickly add the functionality to scan bar codes from your app.  This can be helpful in many cases. For example, when building a warehouse mobile app: simply scan a product bar code, search the database with that code and retrieve the product information.

You can see how to build such app for jQuery Mobile here.

Adding a Barcode Scanner plugin to your Appery.io Angular app is very simple:

  1. Go to Project > CREATE NEW > From Plug-in.
  2. Select Apperyio Barcode Service and click Import selected plugins.

Then, in the Project view, a related service (Barcode_scan) and a JavaScript (Barcode) file will appear. After a native service has been added to the app, it can be called like any other REST service.

The Barcode Scanner plugin uses Cordova API. As the plugin uses native APIs, you should test it on the device or using the Appery.io Tester app.

Read the step-by-step tutorial we’ve prepared on Using the Barcode scanner service. And of course, feel free to contact us if you have any issues.

 

New Milestone, New Release, New Features – Find Out More about Our July 2015 Release

Posted: August 17th, 2015Author:

250000+

We just announced some great news for Appery. We’ve passed the 250,000-user mark, we’ve updated our tester app so users don’t need to have an Appery.io account, and we’ve rolled out a new release of  the platform that includes these key features (among others):

  • Simplified implementation of social login and LDAP sign-on for apps
  • Extended offline capability in apps to use the internal database or an external one
  • New Bootstrap and Ionic components
  • Outline page component view for enhanced developer productivity

Read the rest of this entry »

3 Tips for Increasing Mobile Conversions

Posted: July 2nd, 2015Author:

Mobile in-app conversionWhat’s a mobile conversion?

Simply put, a mobile conversion is an instance of a user taking a desired action within your mobile app. This could be completing a sale for example, or even just filling out and submitting a form. They differ from download conversions in that they are accomplished in-app, after the initial download of the app has already occurred.

Not everyone needs to worry about mobile conversions in their applications, but if you’re building an app where conversions are key, few things are more important than increasing that rate.

Mobile traffic now accounts for over 16% of all web traffic, and in general, businesses have done well in acquiring users for their apps: by 2016, there will be 2 billion smartphones in use worldwide, with an average of 27 apps per phone.

Read the rest of this entry »