Posted: May 17th, 2015 | Author: Dmitry Zaytsev |
under: AngularJS, General, Ionic, New release, Server Code, Tutorials, UI Component
Another update is bringing some cool new features to Appery.io; features designed to make the platform even stronger and more attractive. With this update, we’re excited to share the results of a lot of hard work.
New Ionic / AngularJS projects
Not long ago, the new Bootstrap & AngularJS Visual Builder was announced. Today, we’re introducing a version of the Visual Builder that uses Ionic UI framework. As with Bootstrap, all the logic is maintained by AngularJS, while all the UI is relaying on Ionic.
People who have already tried the Bootstrap & AngularJS Appery.io version will find the new builder familiar, and for good reason. You can try out new UI frameworks, but you don’t need to learn something fundamentally new — your app is still powered by AngularJS.
As with Bootstrap & AngularJS, the Ionic version of Appery.io is in beta and in active development, so it’s possible that you might encounter some bugs (let us know, and we’ll fix it). This also means that the number of features and integrations will only grow with time. Docs and tutorials are in the process of revision too, so don’t hesitate to use the forum for any questions.
Sign up for our “What’s New in Appery.io” webinar (May 27th, 11AM) and find out more!
Read the rest of this entry »
Posted: March 25th, 2015 | Author: Dmitry Zaytsev |
under: Plug-in, Tutorials | Tags: Plug-in
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 :
Read the rest of this entry »
Posted: February 24th, 2015 | Author: Max Katz |
under: API, Events, Mobile Backend, Partner, Tutorials, Webinar | Tags: API, events, Mobile backend, Partner, tutorials, webinar
Instant API is a true API-as-a-Service which makes it easy and cost-effective to build an API. Instant API has simplified all of the key areas of an API’s lifecycle, covering API creation, hosting, management, discovery, monetization, and documentation.
For example, let’s say you have information and services or data and services you want to expose through an API that can be used internally for BYOD initiatives or externally by developers or your business partners. With the API deployed, you still don’t have a mobile app. That’s where the Appery.io platform comes in. Appery.io makes it very easy to build mobile apps with any API. Combine the Instant API exposed APIs with the Appery.io cloud-based development platform, and you get a fast way to build a complete solution and deploy the mobile app.
In this post, we are going to show you an example of how to do that, but first here’s the info for an upcoming webinar in which Appery.io and Instant API will demo this process in action. Read the rest of this entry »
Posted: February 20th, 2015 | Author: Dmitry Zaytsev |
under: API, Tutorials, UI Component | Tags: API, tutorials
Adding a map to your mobile app can provide great value to users. Maps used together with a smartphone can solve a wide range of tasks, whether it’s a pizza delivery app, GPS navigation, or travel guide with attractions. One of the most popular online maps is Google Maps.
Appery.io provides a convenient way to work with Google Maps for mobile apps – a Google Map component with a set of configurable properties and a preinstalled marker. All you need to add the Google Map into your app is to drag and drop the component on the page. That’s all: Google Maps will be loaded when the page is displayed.
Read the rest of this entry »
Posted: June 4th, 2014 | Author: Dmitry Zaytsev |
under: API, Tutorials | Tags: API, tutorials
Working with mapping has been improved to provide you with a more efficient and user-friendly way of binding your data. Now, with the upgraded Mapping feature binding your data is more intuitive; it also provides more features and flexibility. This tutorial uses old mapping, and will be updated shortly. The new mapping uses the same concepts. The following page shows how to migrate the old mapping to the new mapping.
Tropo also provides a great REST API that lets you configure and control Tropo applications through the use of RESTful methods. This includes the ability to create new Tropo apps, add phone numbers to them, delete applications, and much more. And as Appery.io provides a very comfortable way to work with REST API’s, it’s unbelievably easy to add Tropo communication features to your Appery.io app.
But before you begin, the Tropo application should be created by using the Scripting or Web API. Lets start with creating a simple Tropo app!
Sign up on the Tropo website, and create a new app:
Type a Tropo application name, and choose Scripting API:
Now you should create script. Click “New script” to create it:
The text editor will appear. Lets add some simple code:
say('Hello from Appery.io!');
say("Hello, " + customerName + "! There is a message for you: " + msg + "!");
Function say will pronounce “Hello from Appery.io!” text by using the Tropo’s Text-To-Speech engine. After that, the phone number that was passed as a REST parameter will be dialed. Once the call is accepted, a second phrase will be pronounced. Note that the second phrase contains REST parameters too.
Enter the script name, and click “Save.” Don’t forget to specify the script file extension as “.js”:
Click “CREATE APP,” and you’re done with the Tropo side. You can test your Tropo app directly from the browser by using Phono. Click “Call App from browser” and then click the phone icon in the bottom left corner:
Note that you can’t test the call function directly from the browser.
Now you can launch your Tropo app via REST services from Appery.io.
Copy the voice API key to your clipboard:
In your Appery.io app, create the following UI:
If you not familiar with Appery.io yet, we recommend looking at this very simple beginners tutorial.
All the application magic will be kept in a single REST service that will start the Tropo session. Create the REST service and specify the following settings:
As you can see, there is the Appery.io Proxy provided for this REST service. Click “New channel,” enter a new proxy name for this REST, and then click “Create” to create a new proxy channel directly from the Appery.io builder.
Note: Read about the Appery.io proxy via the link.
In the Request tab, you can specify parameters and their values that can be passed to the Tropo app. In our case, the Request parameters are the following:
Go to the Test tab and click “Test.” If everything was done correctly, you’ll see a “Test successful” message, and a REST service response that contains both token and id:
Note that you should obtain phone number to make calls, otherwise the script will fail. You also need to link the UI and REST service parameters.
Switch to Data tab, and create a new datasource based on this REST service. Click “Edit Mapping”:
Create the following mapping for REST service Request:
This will map data from the UI components to the REST parameters. If it’s difficult to understand, read about REST services and mapping.
Unlike the Request parameters, we will print the REST service response without mapping to print all its data. Open the Events tab, and create the following event:
Note that session_response in this case is the name of your Text Area component.
The last thing to do is to launch our REST service by clicking the button. Switch back to Design view, select the “Start session” button and add the following event:
start_session > Click > Invoke service > start_tropo_session.
Now you can test your app by clicking the “Test” button in the top right corner of the screen.
Click “Start session” and you’ll see the result:
If something above was not clear enough for you, check out the Appery.io tutorials and documentation.
Go ahead and create apps using Tropo documentation and the power of Appery.io!