Home

Awesome

apiNG

Join the chat at https://gitter.im/JohnnyTheTank/apiNG npm version Bower version

apiNG-plugin-facebook is a Facebook Graph API plugin for apiNG.

Information

Documentation

  1. INSTALLATION
    1. Get file
    2. Include file
    3. Add dependency
    4. Add plugin
  2. ACCESS TOKEN
    1. Generate your access_token
    2. Insert your access_token into aping-config.js
  3. USAGE
    1. Models
    2. Requests
    3. Rate limit

1. INSTALLATION

I. Get file

Install via either bower, npm, CDN (jsDelivr) or downloaded files:

II. Include file

Include aping-plugin-facebook.min.js in your apiNG application

<!-- when using bower -->
<script src="bower_components/apiNG-plugin-facebook/dist/aping-plugin-facebook.min.js"></script>

<!-- when using npm -->
<script src="node_modules/aping-plugin-facebook/dist/aping-plugin-facebook.min.js"></script>

<!-- when using cdn file -->
<script src="https://cdn.jsdelivr.net/npm/aping-plugin-facebook@latest/dist/aping-plugin-facebook.min.js"></script>

<!-- when using downloaded files -->
<script src="aping-plugin-facebook.min.js"></script>

III. Add dependency

Add the module jtt_aping_facebook as a dependency to your app module:

angular.module('app', ['jtt_aping', 'jtt_aping_facebook']);

IV. Add the plugin

Add the plugin's directive aping-facebook="[]" to your apiNG directive and configure your requests

<aping
    template-url="templates/social.html"
    model="social"
    items="20"
    aping-facebook="[{'page':'<PAGE_NAME>'}]">
</aping>

2. ACCESS TOKEN

I. Generate your access_token

  1. Login on developers.facebook.com
    • Create an new app
    • Choose website/webapp
  2. Open Graph API Explorer
    • Press on Graph API Explorer dropdown button
    • Choose your app
    • Press on Get Token dropdown buton
    • Choose Get App Token
    • Copy generated access_token

II. Insert your access_token into aping-config.js

Create and open js/apiNG/aping-config.js in your application folder. It should be look like this snippet:

angular.module('jtt_aping').config(['$provide', function ($provide) {
    $provide.value("apingDefaultSettings", {
        apingApiKeys : {
            facebook: [
                {'access_token':'<YOUR_FACEBOOK_TOKEN>'}
            ],
            //...
        }
    });
}]);

:warning: Replace <YOUR_FACEBOOK_TOKEN> with your facebook access_token

3. USAGE

I. Models

Supported apiNG models

modelcontentsupportmax items<br>per request(native) default items<br>per request
sociallast posts from users wallfull10025
imagelast images from users wallfull10025
videolast videos from users wallfull10025
eventlast events from users wallfull10025

support:

II. Requests

Every apiNG plugin expects an array of requests as html attribute.

Requests by Page

parametersampledefaultdescriptionoptional
pagemichaeljacksonname or id of any facebook pageno
items0-10025items per requestyes
showAvatartruefalseUse true for show users avatar as image if post has no own imageyes

Samples:

III. Rate limit

Visit the official API rate limit documentation

Here's how rate limiting on the Facebook Graph API works:

Licence

MIT