You have found the official JavaScript client library for Podio. It covers all aspects of the Podio API.

For help post on Stack Overflow and tag with podio. For bugs create an issue on GitHub.

Making your first API call

Making API calls is a three step process:

  1. Setup the API client
  2. Authenticate
  3. Make your API calls

Setting up the API client

Before you can do anything you must initialize the API client using your Podio API key. Head over to Podio to generate a client_id and client_secret before continuing.

You can initialize it like this, passing the auth settings as object as the first parameter:

var podio = new Podio({ 
  authType: 'client', 
  clientId: clientId, 
  clientSecret: clientSecret 
});

The authObject has the following options:

Parameter Description
authType “server”, “client” or “password”, see authentication chapter below.
clientId See API key
clientSecret Except for “client” authentication. See API key

Now you’re ready to authenticate.

Authentication

Platform supports multiple forms of authentication depending on what you want to do.

Flow Purpose
Sever-side flow Web apps in NodeJS
Client-side flow Single-page apps in the browser
Password auth Only for testing purposes or when no user interaction is possible
App auth flow If you only need to interact with a single Podio app and do not need to authenticate as a specific user

Read more about authentication in general at the Podio developer site.

Server-side flow

The server-side flow requires you to redirect your users to a page on podio.com to authenticate. After they authenticate on podio.com they will be redirected back to your site. Read about the flow on the developer site.

The example below handles three cases:

var podio = new PodioJS({
  authType: 'server', 
  clientId: <your client id>, 
  clientSecret: <your client secret> 
});
var redirectURL = 'https://www.myapp.com';

// Your request handler (for example in ExpressJS)
var action = function(request, response) {
var authCode = request.query.code;
var errorCode = request.query.error;

podio.isAuthenticated().then(function() {
  // Ready to make API calls...
}).catch(function(err) {

  if (typeof authCode !== 'undefined') {
    podio.getAccessToken(authCode, redirectURL, function(err, response) {
      // make API calls here 
    }); 
  } else if (typeof errorCode !== 'undefined') {
    // a problem occured
    console.log(request.query.error_description);
  } else {
    // start authentication via link or redirect
    console.log(podio.getAuthorizationURL(redirectURL));
  }
});

The podio-js SDK contains an example of server-side authentication to give you a better impression on how things work.

In the server side scenario the podio-js SDK will automatically refresh tokens for you.

App authentication flow

The app authentication flow is suitable in situations where you only need data from a single app and do not wish authenticate as a specific user. It is similar to the username & password flow, but uses the app ID and a special app token as the login credentials.

When you authenticate as an app you can only access that specific app and if you create content it will appear as having been created by the app itself rather than a specific user. Good uses for the app authentication flow are automated scripts that run without any user interaction.

Here’s an example using ES2015 syntax

const Podio = require('podio-js').api;

// Example config file where you might store your credentials
import config from '../config.js'

// get the API id/secret
const clientId = config.clientId;
const clientSecret = config.clientSecret;

// get the app ID and Token for appAuthentication
const appId = config.appId;
const appToken = config.appToken;

// instantiate the SDK
const podio = new Podio({
  authType: 'app',
  clientId: clientId,
  clientSecret: clientSecret
});

podio.authenticateWithApp(appId, appToken, (err) => {

  if (err) throw new Error(err);

  podio.isAuthenticated().then(() => {
    // Ready to make API calls in here...

  }).catch(err => console.log(err));

});

Client-side flow

The client-side flow is similar to the server-side flow and and will redirect back to your site after a user has confirmed the authentication. It will use hash parameters for transferring the auth tokens. The podio-js SDK offers you a higher level abstraction for the client-side flow compared to the server-side one and will parse and read the hash URL for you. Client secret is not required for the client-side flow.

var podio = new PodioJS({ authType: 'client', clientId: <your client id> });
var redirectURL = 'https://www.myapp.com';

// isAuthenticated either gets the cached accessToken 
// or will check whether it is present in the hash fragment
podio.isAuthenticated().then(function(){
  // ready to make API calls...
}).catch(function(){
  if (podio.hasAuthError()) {
    console.log(podio.getAuthError());
  } else {
    // start authentication via link or redirect
    console.log(platform.getAuthorizationURL(redirectURL));
  }
});

At this point there is no support for automatic token refresh in the Podio API. A callback handler can be registered with a onTokenWillRefresh option passed in to the podio-js SDK on initialization. We recommend using this handler for reauthentication. An example of how this can be done without losing the state of your client side application by using a popup can be found here.

Password authentication

Password authentication will require users credentials. As it’s bad practice to store your Podio password like this you should only use password-based authentication for testing or if you cannot use any of the other options.

var podio = new PodioJS({
  authType: 'password', 
  clientId: <your client id>, 
  clientSecret: <your client secret> 
});
var username = <your username>;
var password = <your password>;

podio.isAuthenticated().then(function() {
  // Ready to make API calls...  
}).catch(function(err) {
  podio.authenticateWithCredentials(username, password, function() {
    // Make API calls here...
  });
});

It is considered a bad practice to store user credentials in the client side JavaScript. Please see an example of how password authentication can be implemented.

Refreshing access tokens

Under the hood you receive two tokens upon authenticating. An access token is used to make API calls and a refresh token is used to get a new access/refresh token pair once the access token expires.

You should avoid authenticating every time your script runs. It’s highly inefficient and you risk running into rate limits quickly. Instead use a session manager to store access/refresh tokens between script runs to re-use your tokens.