Tuesday, May 3, 2016

Ionic PhoneGap/Cordova Facebook Native Integration - Mobile

About

IonFB is the first Mobile Native Web Application based on the Ionic Framework with a NATIVE Facebook Integration and can be used in any mobile application. IonFB itself is powered by Cordova, AngularJS & Ionic. It uses the official plugin for Facebook in Apache Cordova/PhoneGap.

You can integrate this native login to any of your existing cordova/phonegap apps. I also provide nice examples of how to use Facebook API to get user’s data.

The Facebook plugin for Apache Cordova allows you to use the same JavaScript code in your Cordova application as you use in your web application. However, unlike in the browser, the Cordova application will use the native Facebook app to perform Single Sign On for the user.

In this template you will also find examples of how to use UI Router Authentication and Ionic features to build awesome apps.

Compatible with Facebook API v2.4

Login

IonFB uses the native Facebook Single Sign On.

You can check the difference between the native login and the javascript login. On the left side you can the the native login provided by IonFB. On the right side you can see an example of the javascript login.

Feed

This is an example of how to get the user feed. You can pull to refresh the data.

Profile

This is an example of how to get the user personal information such as the profile image, name, email, location, etc.

Likes

This is an example of how to get the pages the user likes on Facebook. You can pull to refresh the data.

Share options

This is an example of how to share data from different ways. I provide the code to:

  • post an image to your wall
  • send a private message to a friend (you can include a link)
  • share a link to your wall
  • post a status to you wall

Log out

User logs out from the app.

In the API usage section you can find more info and examples of how to use the Apache Cordova Facebook Plugin.

UI Router Authentication check

IonFB app has also a UI Router Authentication check so you can determine which are public states (anyone can access) and which are “just for logged user” states.

Documentation

If you buy IonFB, you will find a step by step guide of how to install and setup all the necessary things such as the Facebook App, Ionic, and the Facebook plugin. You will find the documentation link inside the README.md file

About us:

We are building awesome things at StartApp Labs. Most recently we turned into a full time mobile software shop. Our mission is to build what our clients need, so if you have an idea, need a custom development, need a starter project or template, or need help with the backend to support your mobile app, please tell us a little bit more about what you are looking for here and we will do our best to guide you on finding what you are looking for.

Note

If you found this tool useful and like the support given, please don’t forget to rate us or share\like the link in your social media. You can find here the steps to rate us in Envato. Thanks!!!

What our users are saying…

IonWordpress – Wordpress full Integrated mobile app using PhoneGap/Cordova and Ionic framework

IonFullApp – Ionic PhoneGap/Cordova Full Hybrid App

Changelog

IonFB 1.1.0 – released 18 August 2015


## Updates
- Updated app to work with Facebook API v2.4
- Update Ionic Version to v.1.0.1
- Update cordova
- Update cordova plugins

## New stuff
- Add cordova whitelist plugin (to fix connectivity issues when using new cordova version)
- Add cordova splashscreen plugin (to fix splash screen issues when using new cordova version)

Note: Most of the changes were due to facebook API updates. Two of the major updates in facebook newest API (v2.4) are:
Fewer default fields for faster performance: “To help improve performance on mobile network connections, we've reduced the number of fields that the API returns by default. You should now use the ?fields=field1,field2 syntax to declare all the fields you want the API to return.”
“The GET /v2.4/{user_id}/home, GET /v2.4/{user_id}/inbox, and GET /v2.4/{user_id}/notifications operations as well as read_stream, read_mailbox, and manage_notifications permissions are deprecated in v2.4.”
Basically those two updates remove the ability to get the user notifications feed and reduced the default fields returned in api calls. As we were using the user notifications feed in our product, we were forced to change that view with the user’s feed (which are the user’s posts, different from the user notifications feed). If you want more information about this, please refer to this changelog: https://developers.facebook.com/blog/post/2015/07/08/graph-api-v2.4/

IonFB 1.0.0

 Features:
- Native Facebook Login (no need to open a browser and type user's credentials)
- Phonegap / Cordova native web full application
- Left side menu
- Feed 
- Pull to refresh to get new posts
- User profile 
- Get user likes
- Share to Facebook options:
   a) post an image to your wall
   b) send a private message to a friend (you can include a link)
   c) share a link to your wall
   d) post a status to you wall
- Facebook Log out
- UI Router Authentication 
- Loader
- Splash screen
- Installation guide


Từ khóa:
Kiếm tiền với google adsense
Lập trình PHP

No comments:

Post a Comment