We’ve just made the Instagram API plug-in available. The Instagram API plug-in can be instantly added to any new or existing app and allows a user to view his photo, search popular photos, find photos on the Google map, find photos in the same location, search for a user and look at the user’s photo, and read comments. The Instagram API offers a REST services that help you to use Instagram in many ways.
The ready-to-run app makes it super easy to start using the API. To add Instagram plug-in:
- From Appery.io builder, select Create New -> From Plug-in;
- Open Others, then select Instagram API plug-in.
Once you’ve created a new app based on this plug-in, you actually have a simple demo app with login page. Just click the Test button in the right upper corner of the App Builder to see it work.
Use the Instagram API key which you can get from http://instagram.com/developer/. To enter the API key, open the Instagram_Settings service and fill in the parameters:
Services from the plug-in are linked to UI components as part of the design of the app. The following REST services that are defined in the Instagram API plug-in are used in the app.
The Instagram_GetAccessToken service is used for getting the access token and user information. REST Service Properties displays the URL, main settings, and whether a proxy is used as shown below:
Request Parameters contains the parameter sent to the Instagram service:
The other services are set in the same way with their own parameters.
The Instagram_SelfFeed is used to see the authenticated user’s feed.
Request Parameter contains the parameter sent to the Instagram service for get json with all information about user :
The Instagram_PopularPhoto service is used to get a list of the most popular media at the moment.
Request Parameter contains the parameter sent to the Instagram service for get json with all information about popular photo and etc :
The Instagram_SearchUsers service is used for searching a user by name.
The Instagram_UsersLocations service is used to get information about users in some place:
Request Parameters are access token and id:
The Instagram_UsersHere service get a list of recent media objects from a given location.
Mapping the UI to the Services
The final part in the app design is mapping service parameters to UI components. Here’s an example of this in action showing response parameters being mapped to output components:
Using the REST services the plug-in contains, you can create your pages for searching users and popular photos, for watching photos and reading comments: