How to Add Geocoding Lookup in Your App in 5 Minutes

Let’s say you are building a mobile app where you enter an address and need to get back the location as latitude/longitude information. To do this in Appery.io Server Code is super simple. Here is a Server Code script that looks up an address and returns the latitude/longitude information for the location using the Google Geocoding API:

var address = request.get("address");
var url = "https://maps.googleapis.com/maps/api/geocode/json"; 

var XHRResponse = XHR2.send("GET", url, {
   "parameters": {
      "address": address,
      "key": "AIzaSyAFQBtqmC.........."
    }
});

var responseInJson = JSON.parse(XHRResponse.body);

Apperyio.response.success(responseInJson.results[0].geometry.location, "application/json");

When you run this script, the result looks like this (using Boston as input):

{
   "lng": -71.0588801,
   "lat": 42.3600825
}

The script has an API which you can invoke from your app:

https://api.appery.io/rest/1/code/540cb503-f9a7-4dd1-8926-af959383e2b2/exec?address=Boston

Here is an example invoking the script directly from the browser:

Screen Shot 2016-04-13 at 12.34.54 PM
Invoking the Server Code script

With geolocation logic on the server, you can change the implementation — for example use a different API without making any changes to an app and impacting the users.

Want to learn more? Check out the large collection of videos we have on our YouTube channel.

How to Add a Nice Popup to Your Appery.io Ionic App

Using browser’s alert() is quick way to test something but it doesn’t create good user experience. This is how the standard browser alert looks:

Screen Shot 2015-10-13 at 1.06.15 PM
Standard browser alert

Continue reading “How to Add a Nice Popup to Your Appery.io Ionic App”

Learn How The Conservation Council of New Brunswick Built an App to Promote 300 Local Farmers and Producers

CCNB-Screenshot

About the CCNB

Located in New Brunswick, the Conservation Council of New Brunswick (CCNB) is a registered Canadian charity. They focus on environmental education and community engagement and provide research and offer solutions to protect the health of Canada’s environment.

As a non-profit charity, the CCNB is overseen by a Board of Directors and operates day-to-day with a staff consisting of an Executive Director and a small core of full time employees. Continue reading “Learn How The Conservation Council of New Brunswick Built an App to Promote 300 Local Farmers and Producers”

Appery.io Platform Update: Social Login, LDAP Integration, Offline Support, New Ionic Components, Angular Scope Editor

apperyio_update2

The Appery.io team has released a number of awesome platform updates. These updates include:

  • Social login and LDAP sign-on for apps
  • Offline capability in apps using the internal database or an external one
  • New Bootstrap and Ionic components
  • Outline page component view

Keep reading to learn more about what’s new in Appery.io.

Continue reading “Appery.io Platform Update: Social Login, LDAP Integration, Offline Support, New Ionic Components, Angular Scope Editor”

Mobile App Development Choices

A great post from the PhoneGap team on different choices to be considered when choosing a mobile strategy. The article reviews five mobile app approaches:

  1. Native Mobile App
  2. Web Mobile App
  3. Hybrid Mobile App
    1. Web hybrid mobile apps
    2. Native hybrid mobile apps

Read more

How to Build and Deploy a Complete Mobile App with Appery io and Instant API

This webinar recording shows how to build and deploy a complete hybrid mobile app with Appery.io and Instant API.

Creating HTML5/PhoneGap Mobile App with API Backend in 5 Minutes

Quickly Add Payments to Your Appery.io App with PayPal API [Video]

This video shows how to add payments to your Appery.io mobile app using PayPal API.

Setting Up SendGrid API in Appery.io

Setting up REST services in Appery.io is super fast, and using the popular SendGrid API to send emails is no different. Here is an example setting up a REST service to send emails, all done in about four minutes.

Setting up service URL

Screen Shot 2014-05-13 at 10.19.22 AM
Setting up SendGrid API URL

Setting up request parameters

Screen Shot 2014-05-13 at 10.19.37 AM
Setting up request parameters

Testing the service

Screen Shot 2014-05-13 at 10.19.49 AM
Testing the service

Setting any cloud API is as easy.

One last step is to define the service response. This can be done automatically from the Test tab by clicking Automatically Create Service Response button.

 

Appery.io: Building a Barcode Scanner App Integrated with Backend Services [Video]