Quick: How to Map Data Between AngularJS Scope and Service

visual_mapping_gif

Quick: How to Add REST API Service Invocation to AngularJS Scope with Drag and Drop

1t86zXZ3Kx

How to Upload Files From a Mobile App to a Cloud Database

cloud_upload1

Mobile developers often face the need to upload binary files, such as images, to the database. For example, this could happen in an app like Instagram, where a user takes photos with the device’s camera and then publishes it to their followers. Of course, all the data — including images — should be stored in the database, so the user can sign in from any device and see his or or her feed.

Another possible case for uploading images is sending an MMS (multimedia message) from your app, which can be done via the Twilio API. Twilio accepts a direct URL to an image. A user takes a picture with the device and uploads it to the Appery.io database. Then, a direct image URL is passed to the Twilio API.

In Appery.io, there are three ways to upload files to the database :

  • Via Web API (this approach uses only the browser API).
  • Via Cordova file-transfer.
  • Via the Input component and JavaScript helper (It’s also possible to upload multiple files via the Input component, see this tutorial for more).

We’ve created a plug-in for the first two of these, and, with it, you can quickly implement file uploading in your mobile Appery.io app. It consists of two pages – cordovaupload and webupload. The cordovaupload uses the Cordova file-transfer plug-in. To make it work, the app has to run on the device or via the Appery.io Tester app.

The webupload page uses the browser FormData API to upload a file. This approach can be used to test the app in the browser, which is faster than on the device without having to take a picture each time. The Web API can be also used to upload images taken via the camera on the device.

A quick note about configuring the plugin: the Appery.io database requires a sessionToken for uploading files to the database. To make the plugin simpler to use, it uses the Master Key. So, to configure this plugin, you should provide the ID of the database that will be used to store files and the Master Key instead of sessionToken.

However, please keep in mind that for security reasons, we recommend you use sessionToken instead of Master Key. You can learn how to implement user authentication and registration with Appery.io here.

This plug-in is configured out-of-the-box to work with the Appery.io database, but it can be modified to work with any other API provider that allows file upload. You will need to change the upload REST API and update any parameters.

As usual, we’ve prepared a detailed tutorial for this plug-in, which you can find here.

If you have any problems with this plug-in or with file uploading in Appery.io, contact our support and they will help you right away.

Originally posted on the Appery.io blog

Get Hackathon Ready: Learn How to Build a Complete Hybrid App with Appery.io

Happy New Year!

Get hackathon ready. This video shows how to build a complete HTML5/hybrid mobile app. This video was recorded as part of AT&T Bootstrap Week in preparation for the AT&T Summit 2015 in Las Vegas. The video shows:

  • Building the app UI with Appery.io visual app builder
  • Integrating with Twilio API to send SMS messages from the app
  • Integrating with Appery.io backend services to save SMS messages into a cloud database
  • Testing the app
  • Exporting the app for iOS or Android

Top Three Challenges in Enterprise Mobile App Development in 2015

 

countdown-157713

Enterprises are adopting mobile technologies at an unprecedented rate. As Business News Daily recently reported, 1.3 billion workers will go mobile by 2015, and with that massive number, the need for enterprise mobile apps can only skyrocket.

With that increase, many mobile app developers will be called upon to create internal mobile enterprise apps. These apps have many requirements and considerations that differ from the typical app destined for the public app stores. In this article, we will take the top three challenges and share some tips on how to meet these challenges:

  1. Security
  2. User Interface
  3. Choosing a Development Technology

Continue reading “Top Three Challenges in Enterprise Mobile App Development in 2015”

Video: Creating an Airport Status Mobile App with REST API

This 6-minute video shows how to build an Airport Status mobile app with REST API.

Service used in this app: http://services.faa.gov/docs/services/airport/

Salesforce + Appery.io: Accelerate and Simplify Enterprise Mobile App Development in the Cloud

We just made it incredibly easy and fast to build enterprise mobile apps connected to Salesforce API with the Salesforce Mobile Pack for Appery.io. Appery.io has two plug-ins that make it super easy to connect to Salesforce:

  • Salesforce OAuth API – this plug-is includes everything you need to connect to the Salesforce API via OAuth 2. Examples include Salesforce API, SOQL, and Chatter API
  • Salesforce Contacts API Sample App – this plug-in includes the OAuth 2 implementation plus a Contacts sample app. The mobile web app allows you to view, edit and create new contacts on Salesforce using the REST API.

A step by step tutorial shows how to import and use the plug-ins.

Screen Shot 2013-07-31 at 1.31.42 PM
Importing the Salesforce plug-in

The Salesforce Contacts API Sample App has a complete app that allows to view and edit contacts in your Salesforce account. Use this app to learn how to use Salesforce API or as a starting for your app.

The Salesforce OAuth API has everything you need to get started. It includes a number of examples to get you started: using Salesforce API, using SOQL, and use Chatter API.

The Appery.io drag and drop visual app builder makes it incredibly easy to build or modify the app UI. You simply drag and drop components into the phone area. For example, editing the edit contact page from Contacts app:

Screen Shot 2013-07-31 at 1.36.56 PM
Editing app UI in visual editor

You are not limited to what the plug-in provides. You can build any app UI using the visual editor and connect to any Salesforce APIs. Here is an example defining a service that connects to Salesforce:

Screen Shot 2013-07-31 at 1.48.53 PM
Salesforce API for editing a contact

Our guide shows in detail how to setup any Salesforce API service.

By combining the power of Salesforce and Appery.io dev. tools – we just made it super easy to build enterprise mobile apps entirely in the cloud. Visit http://appery.io/saleforce for a special promo code for Salesforce developers.

 

Creating jQuery Mobile App with Wordnik API [Tutorial]

Learn how to create a jQuery Mobile app with Wordnik API using Tiggzi Platform.

Android Tutorial: Building Hello World App in Tiggr

This tutorial uses Tiggr, a Web-based Mobile Apps Builder. If you don’t have an account, sign up for one. It’s fast and easy.

Creating New Project

  1. Enter a new project name: AndroidHelloWorld

  2. From the Native App tab, select Blank Mobile Application:
  3. Click OK to create a new project. Once the app builder editor is loaded, you will see the following:

    Now that we got the project, we are ready to build the UI. 

Continue reading “Android Tutorial: Building Hello World App in Tiggr”