Blog

In July’s release we updated our test page and also launched Appery.io Database. Here is what’s coming up in August:

• Integration with Appery.io Database inside the app builder. When creating a new service, you will be able to point to any existing database collection that you created and auto-generate REST API services such as to display data, create data, or delete data.
• Database: File storage API will allow to store files in the database.
• Export/import of projects – our users have been asking for this for a long time.
• Easier testing and installing: QR code on test page and on Android build page. Having the QR code on Android build page will allow you to install the app on your phone by simple scanning the code.
• Easier project creation: create new app right from Apps page

Lastly, our very big new feature is our new HTML5 app builder we  have been working on for a few months now. I’ll be posting information on it soon.

We got some really cool stuff out this week. Check it out.

Better way to test your app

When you open the app builder you should see a new and very nice phone frame:

The old one was more Android-like. The new one is neither Android, iPhone or Windows Phone. Just a nice phone frame.

There is an upgraded test page:

You can use the new tool bar at the top to change the phone orientation as well as change the size:

That’s not all. We also now have an option to test the app without the mobile frame. In the Test pop-up, uncheck Show in mobile frame:

When you open the app, it won’t use the frame:

The frame looks nice in the browser, but technically speaking testing without the frame is better — as you are testing the actual app (just the app code, no frame). Of course when you run the app on your device, the frame is not there as well.

jQuery Mobile Multi-page Template

jQuery Mobile supports multi-page templates where two or more pages are placed inside the same file. You can now turn on this features in Appery.io app builder (it’s turn off by default). Go to Project > Project Profile:

Queries In Database Console

Appery.io Database comes with Queries support (docs) and now you can try the queries right from the collection console:

Showing products that cost more than $30 (or any other currency):

PhoneGap Upgrade

We upgraded to PhoneGap version 1.8.1. Every new and existing app will now use this new version of PhoneGap.

Android 4.0.x

We also added build support for Android 4.0.x

As always, we want to get your feedback. You can always email us (support@appery.io) or post on our forum.

In addition to Appery.io Database (which is a pretty big feature), there are a few other features we added back in June.

Simpler app creation

We greatly simplified new app creation wizard. Just enter the app name and select whether you want a phone or tablet app. That’s it.

By default Appery.io creates an app that includes Apache Cordova (PhoneGap). This means you can export the app to Android, iOS, and Windows Phone. You can also use any device API Apache Cordova provides.

We are going to simplify the app creation even more in the next release.

You might be wondering but what about mobile web app hosting? If you use any native device feature, then hosting as a mobile web app doesn’t make sense. But if you didn’t use any native features, then you want to be able to host. If you go to app options, you can now switch the app type from mobile app (hybrid) to mobile web by clicking Change for Change project type:

Select the new type and click Save:

Once you switch the project type to Mobile Web, publish option will be enabled on the same page:

and also in the builder:

Simpler access to app settings

To access app settings you had to go to Project view, then Project > Project Profile. Now you can access project settings from the top level menu:

Project settings editor is divided into four panels:

1. General – for setting app name, description, start page and selecting a theme
2. External resources – for adding 3rd party JavaScript librararies
3. Android binary APK properties
4. iOS binary API properties

Faster

We made changes how Appery.io web site and builder work so things should be running faster.

New List component options

Check out the List component, we added more option that you can configure from properties. If something is still missing, you can always use More Properties feature. Our goal is to make the list as configurable via properties as you can do in source code.

We are super excited the announce the availability of Appery.io Database (beta). Appery.io Database is a cloud database that provides a backend and storage for your mobile app. You already know that any using 3rd party REST API is very easy in Appery.ioapp builder. Every REST API provides some specific functionality. For example, if you use Facebook API you can easily post a message to the timeline, but what happens if you need to store data specific to your app? Let’s say you are building a todo app – where can you store the list of things to do? That’s exactly where Appery.io database comes in. It comes with elegant REST APIs so you can easily show, create, edit, and delete app data. Appery.io database comes with built-in User Management. It’s powerful, scalable and easy to use. It works seamlessly with Appery.io app builder.

You can access Appery.io database today at https://appery.io. From appery.io, go to My Account, then click on Database.

On the first page you can see a lit of all your databases, you can also create a new database:

Once you select a database, you will see all the collections in the database:

A very nice feature is that you get curl command hints. This will enable you to define a service in Appery.io app builder very quickly:

In Appery.io app builder, defining a service is as simple as this:

Keep in mind that this service is still in beta. We got a lot more features we want to add, such as push, analytics and server-side code. Database docs are here. We also would love to hear your feedback. Let us know of the forum, email, Twitter or Facebook.

Check out other Appery.io videos.

In addition to AT&T SMS API Plug-in, we just made available AT&T mHealth API Plug-in in Appery.io app builder.

mHealth gives you control over your health and wellness data and makes that data more accessible than ever before. With a rich ecosystem of supported devices and applications, mHealth enables you to manage your personal health and wellness from the palm of your hand, anytime, anywhere

Source: https://mhealth.att.com/what

In addition to REST services, the plug-in has two pages. On the first page there is a button to connect to mHealth. When you click on the button, mHealth login page will be opened. Once you login, you will be redirected back to the app and shown the second page. On the second page a simply REST service is invoked showing to what data access is available. The plug-in is set up with three scopes (/read/health/data/fitbit /read/health/data/poke /health/read/user). mHealth docs shows more available scopes.

To add the plug-in to your app:

1. Create a new app, make sure to create Mobile App (not Mobile Web)
2. Inside the builder, click on the “blocks” button in Projects view:
   
3. Select Fitness category, then check the plug-in
   
4. Click Import selected plugins. You will be prompted to enter the client_id and client_secret information. This information can be obtained from mHealth app settings. You may skip it and enter it later
5. Enjoy the plug-in!

The plug-in is just in time for AT&T Education Hackathon happening today and tomorrow in Palo Alto, CA. Appery.io team will be there.

In our May release we upgraded to jQuery Mobile 1.1. This means that the app that you build in Appery.io is using jQuery Mobile version 1.1. You can always check the version by going to Project view > Projects > Project Profile > Built-in resources:

As you probably know you get jQuery Mobile components in Appery.io, plus some HTML5 components such as audio, video. There is also Google Maps component. Every jQuery Mobile component comes properties that can be configured. When building an app int Appery.io, you simply select the component and can see all the properties which can be configured in the Properties view:

For some UI components, not all available properties are available in Properties view. For such cases, Appery.io comes with a special More Properties button (at the very end):

Via More Properties, you can add any attributes supported by the selected component. In fact, you are not limited to just setting properties which are not exposed in Properties view, you can set any properties. For example, adding these two properties:

will result in this:

Have fun building apps, you now get the full power of jQuery Mobile.

Appery.io mobile app builder got some new and cool stuff in May release.

jQuery Mobile 1.1

jQuery Mobile was updated to the latest stable version 1.1.

Windows Phone Export

We just added Windows Phone code export.

We are also planning to add binary build. For now, once you export the project you can jump to PhoneGap Build and get the binary there. Or, you can always build it yourself.

UI breadcrumbs, plus easier delete

A really nice feature in Appery.io visual builder is the ability to have containers such as grid and place other components inside. To make it super easy to select a particular component we just added breadcrumbs. It makes it very easy to navigate the UI by clicking the component id in the breadcrumbs bar.

In addition to breadcrumbs, we made it very easy to delete an element. Simply click on the red x icon. Clicking on the e icon will open Events view for the component.

Plug-in Properties

With new Plug-in properties, any service information such as API keys can be entered in one place and reused by any number of services. A small but nice feature to save time.

Code generation update

OK, the was requested for a long time. If you name your page MyCoolPage, in the resulting app it will be MyCoolPage.html. If you upload an image called MyCoolImage.png, in the resulting app it will be MyCoolImage.png. Yes, as simple as that, but a very important feature.

In our April release we introduced two new mobile components: Datepicker and Carousel.

Datepicker

Datepicker has been requested by our users and allows to select date from a calendar popup. This is how the component looks when displayed on the page (not activated)

and this is how it looks when activated:

The component comes with a number of useful options such as setting the earliest and latest date you can select. This is great for validation. Setting the Sunday or Monday as start day of the week as well as being able to edit months and days labels.

Note that Datepicker is a plug-in and not yet an official component in the jQuery Mobile library.

Carousel

Carousel consists of one or more panels which can be switched with a swipe (left or right).

The three dots indicate the number of items in the carousel. This component is best tested on the actual mobile device. Also note that only Webkit-based browsers support this component (Android and iOS).

Both components are available in any project (old or new) in the Mobile UI palette.

Last week we released a number of small but very useful features.

To delete any component from a screen is now incredibly simple. Select the component and click the red x icon:

When you click the e icon, it will take you to events for the component. You no longer need to open the actual action to see what it does. We have added a tool tip that shows what a particular action does:

Small, but very useful features.

We are also working on breadcrumbs inside the visual builder, to make it even simpler to select components.