Tutorial: Building a Hello World App with Ionic

In this tutorial you are going to build a Hello World app with Ionic in Appery.io. This is how the app is going to look:

Screen Shot 2016-05-27 at 5.04.15 PM
Appery.io App Builder for Ionic.

You should finish this tutorial in about 10 minutes.

Continue reading “Tutorial: Building a Hello World App with Ionic”

Creating an Ionic App with a Backend and API

This 8-minute video shows who to build an Ionic app with a backend and external API. The app is then tested in the browser. https://randomuser.me/documentation is used for external API.

The app shows a list of people in a list. The final app looks like this:

Screen Shot 2016-04-28 at 4.35.30 PM
Ionic app

Watch the video:

Want to learn how to build business mobile apps fast – check our the Appery.io YouTube channel for many more videos.

How to Use Mollie for Mobile Payments in Ionic App

Mollie is in the same space as PayPal, Stripe and enables your business to receive online payments. Mollie also offers APIs for developers which means you can easily add Mollie supported payments to your Appery.io app.

Connecting to Mollie Payment API

To show you how simple it is to connect to Mollie API, I created a Server Code script that initiates a payment.

var url = "https://api.mollie.nl/v1/payments";

var XHRResponse = Apperyio.XHR2.send("POST", url, {
  'body': {
    'amount':'350.00',
    'description': 'My cool new product',
    'redirectUrl': 'http://appery.io'
  },
  "headers": {
    "Authorization": "Bearer test_qgzeg5Bb................"
  }
});

Apperyio.response.success(XHRResponse.body, "application/json");

This is how the script looks in the Server Code editor. The right side shows the script tested and the response from Mollie:

Screen Shot 2016-03-28 at 2.43.03 PM.png
Testing Mollie payment API

Building an Ionic app

Once you tested the connection to Mollie Payment API, the next step is to build an Ionic app that uses the script and makes a payment.

This is how the Ionic app looks inside the visual editor:

Screen Shot 2016-03-28 at 3.01.43 PM
Ionic app

In this app you can enter a price, and product description. When you click Purchase, the script you wrote above will be invoked. In the Payment ID card you show the transaction id from Mollie. This means the payment was successful. You can include any other information from Mollie Payment response.

Running the app:

Screen Shot 2016-03-28 at 3.07.15 PM.png
Running the app

This is how the scope looks with the makePayment function:

Screen Shot 2016-03-28 at 4.27.18 PM.png
AngularJS scope in the Ionic app

Connecting to any API is very straight forward using Server Code script as you can see in this short example.

If you like this, quickly create an Appery.io account and build your next app with any APIs.

 

Appery.io: 300,000 Developers Strong and Growing

appery.io_logo_600x142

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.
  • 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.

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.

Originally published on Appery.io blog

How to Send a Push Notification from Server Code Script in One Line of Code

Appery.io Server Code allows to quickly write any custom app logic using JavaScript and expose is via a REST API. Here is an example invoking Uber API, and example accessing the cloud database and scheduling the script to run periodically.

Screen Shot 2015-10-28 at 9.33.31 PM
Sending push message

Continue reading “How to Send a Push Notification from Server Code Script in One Line of Code”

Cloud Development Platform That Accelerates Mobile Innovation

Read the article →

DZone Dev of the Week

I’m DZone Dev of the Week.

New Webinar: What’s New in Appery.io Platform

What
What’s new in Appery.io platform webinar

When
Wednesday, April 30, 11am Pacific Time

What you will learn
Learns what’s new in Appery.io. We will cover the the feature such as server-side jobs, the new Customer Console, and other new features.

Register
Register for this webinar

Creating Push-enabled Apps in Appery.io [Video]

This webinar will demonstrate the following:

  • Creating a push-enabled app in Appery.io
  • Using channels to send messages to specific users
  • Sending messages from 3rd apps using push API

New Features in Appery.io – Server Code, Source Editing, Versioning and More [Webinar]

A demo with Q & A of what’s new in the latest release of the Appery.io app platform.

When:
Tuesday, July 2, 2013 from 11:00 AM to 12:00 PM (Pacific Time)

Registration:
https://www1.gotomeeting.com/register/332778736