Blog

In this webinar you will learn how to build a complete mobile app without writing a single line of code. This video tutorial covers:

• Using a plug-in that provides the following:
  • Login and registration pages.
  • A page where the signed-in user can add any items to the database. The records in the database are only visible to the signed-in user.
• Setting up a database with security.
• Using Barcode scanner native API.
• Setting up Push Notifications.
• Testing the app on the device using the Appery.io Tester app.

Like this video and want to learn how to build apps fast? View our recent webinars.

The Media Manager allows you to work with image files in the App Builder. You can upload, rename, and delete images, as well as select them as assets for the Image component. You can open the Media Manager by clicking “additional menu” (the “three lines” button) in the upper-right corner of the builder and select “Media Manager”:

Opening the Media Manager

For example, you can upload your image through the Media Manager and use it as a custom page background via CSS (don’t forget to add the appropriate CSS class to the page):

.background
{
    background-image: url('../files/images/background.png');
}

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!

As the end of the year approaches, I wanted to reflect on what we accomplished together.  It was great year for enterprise mobility and we’re proud to have led the charge, raising the bar for cross device applications.  We’re confident that our platform will build upon the success we experienced in 2015 and continue to be the top choice for developers creating powerful apps across all device types and screen sizes. We can’t wait to see what’s to come in 2016!

Let’s take a look back at some of the highlights from 2015:

• We just announced that the Appery.io platform has surpassed 300,000 developers. The growth of Appery.io is a testament to the company’s commitment to product development, performance and to its customers. Unlike its competitors, Appery.io appeals to both enterprise IT and “citizen developers” in the lines of business. This is further proof to the value of an agile cloud-based, end-to-end platform.

• Last month, we announced our new Automatic App Update capability, which enables developers to update an application without having to resubmit it to app stores. Prior to this advancement, developers were required to wait up to two weeks for their updated apps to be approved and available on the app store, even longer if initially rejected. Now, after initial submission, updates are made automatically.

• As of October, over 1,000 academic institutions around the world were using Appery.io to train student developers how to code. Appery.io’s simplicity and speed helps ensure that students are equipped with the proper mobile development skills they will need.

• In July 2015, we announced integration with Ionic SDK and Appery.io. This enabled developers to build hybrid HTML5 mobile apps with the same user experience of a native application, accelerating time to market, and nearly eliminating the need to build expensive, fully native apps in the enterprise.

• In June we acquired Verivo Software’s major assets further cemented Appery.io’s position as a leading app development platform for the enterprise with an end-to-end solution that is agile and meets the needs of both IT and the lines of business within the enterprise.

• In April, we  partnered with Bright Pattern to simplify in-app customer service for enterprises and their customers. We collaborated to develop and market a plugin for the Appery.io platform that enables enterprises to easily integrate contact center functions within their mobile apps, allowing for seamless customer service during multi-channel customer interactions.

• April also saw us become the first low-code platform for rapid development of responsive and mobile apps across phones, tablets and desktops by supporting the AngularJS and Bootstrap frameworks.

Next year promises to be an exciting time for enterprises looking to go mobile and it’s important for them to choose a platform that is backed by a large developer community. Our team is constantly looking ahead to where the industry is going and how we can best equip our customers to compete. Stay tuned for our continued updates.

With Appery.io and Ionic, you can easily add a spinner to a page:

1. Drag’n’drop the spinner component to a page.
2. Provide an expression for ng-show in the properties panel. It could be a variable that returns true or false.
3. To vertically and horizontally center the spinner do the following:
   1. Add a centered-spinner class to Class in the properties panel.
   2. Create new CSS by going to CREATE NEW > CSS > Create CSS.
   3. Add the following code to create the CSS file:

.centered-spinner {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -14px;
}

.scroll
{
    height:100%;
}

Your spinner is ready to use! Don’t forget to change the variable provided for ng-show to true when you need to show the spinner, and to false when you need to hide it.

You can find related information here or 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!

The Appery.io platform comes with many visual tools to help you build your mobile app fast. We understand that there are cases where you need to go beyond visual tooling and be able to customize your app with code. There are a number of ways to do that in Appery.io.

• You can write any custom JavaScript code in the app (client). You can also include any 3rd party libraries.
• With Appery.io Server Code you can develop any custom logic on the server, also using JavaScript. This logic is automatically exposed via a REST API. That’s like creating a custom API on the fly.

In this tutorial we are going to show you how to combine the visual tools with custom code to build a chat mobile app. In particular, you’ll learn how to use EventSource API to receive server-sent events and create a simple chat application. The app will be based on the Ionic Framework and also use Server Code script. The app looks like this:

Chat app

Read the rest of this entry »

There’s a set of time-saving snippets available to you when you’re writing app logic in AngularJS. They are located on the right side of the function editor window.

For example, you can generate REST service-invoking code by clicking on “Invoke service” snippet. Then, all you need to do is change the "service_name" to your actual service name.

Another popular snippet is “Open modal page” – the snippet will generate code to open the modal and modalOptions object as well.  As with the “Invoke service” snippet, you’ll have to change modal_name to your modal name. Then you can execute this function when needed (on button click, for example) and the modal will be opened.

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

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

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!

UPDATE: The deadline has been extended to Dec. 6 by the organizers.

The new Developer Economics survey is almost over! The last day, November 27th, is only a week away. Developers, don’t miss out on this opportunity to voice your opinions on the trends and top development issues of the day.

Read the rest of this entry »

By 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!

AngularJS greatly simplifies mobile app development. At the same time, it introduces a number of important concepts that you need to understand in order to create apps quickly. One of the important concepts is working with the scope object and the variables you place in the scope. In this post we are going to show you how to access variables placed in the scope.

Let’s create a simple app to clarify this concept. The app is going to look like this:

Ionic app with Accordion component

Read the rest of this entry »