Neighborly Package Megalodon
Join us to discuss the challenges, solutions and best practices for in-house JavaScript code sharing. Tuesday, 12/17 at 10am PT/1pm ET.Sign up here »

npo-api-interceptor

1.4.0 • Public • Published

NPO API Interceptor

Request Interceptor for using the NPO API with Axios, AngularJS's $http service or even jQuery.ajax. Calculates and adds the necessary authorization headers to the request. The NPO API Interceptor can be used both in the browser and in Node.js.

Installation

Install via npm:

npm install --save npo-api-interceptor

or Yarn:

yarn add npo-api-interceptor

If you don't use a module bundler like Webpack or Browserify in your project, a browser build is available at lib/npoapiinterceptor.js. This build makes the NPO API Interceptor available on the global npoApiInterceptor variable.

As this depends on jsSHA, you need to include that dependency yourself.

Usage with a module bundler

After installation (see above) you can import the interceptor and use it. The interceptor takes at least an API key and secret and returns a function (the actual interceptor) that Axios or AngularJS will call when performing requests. Example:

import axios from 'axios'
import npoApiInterceptor from 'npo-api-interceptor'
 
axios.interceptors.request.use(npoApiInterceptor({
  key: '<your-key>',
  secret: '<your-secret>'
}))

Usage without a module bundler

After installation (see above) the interceptor is available on the global npoApiInterceptor variable. The interceptor takes at least an API key and secret and returns a function (the actual interceptor) that Axios or AngularJS will call when performing requests. Example:

axios.interceptors.request.use(npoApiInterceptor({
  key: '<your-key>',
  secret: '<your-secret>'
}))

Usage with Angular

The NPO API Interceptor can be provided as an interceptor to the $http service. Example using an anonymous factory:

$httpProvider.interceptors.push(function() {
  return {
    request: npoApiInterceptor({
      key: '<your-key>',
      secret: '<your-secret>'
    })
  };
});

Usage with jQuery.ajax

Even though jQuery.ajax() doesn't have the concept op request interceptors, the NPO API Interceptor can be used to add the necessary headers to the request. But you need to be prepared to jump through a couple of hoops. Example of a Find media (POST /media) request:

var interceptor = window.npoApiInterceptor({
  key: '<your-key>',
  secret: '<your-secret>'
});
 
// An object of the URL parameters you will use:
var params = {
  profile: 'eo',
  max: '100'
};
 
var url = 'https://rs.poms.omroep.nl/v1/api/media/';
 
var config = {
  type: 'POST',
  // Add params as query string to the URL
  url: url + '?' + jQuery.params(params),
  // Add params property for NPO API Interceptor, jQuery.ajax doesn't use it
  params: params,
  data: JSON.stringify({
    searches: {
      types: 'SERIES'
    }
  }),
  dataType: 'json'
};
 
interceptor(config).then(function(config) {
  // Wrap jQuery.ajax in a Promise to return a real Promise instead of a Promise-like jqXHR object
  return new Promise(function(resolve, reject) {
    jQuery.ajax(config).done(resolve).fail(reject);
  });
});

Usage in Node.js

When using the NPO API Interceptor server-side, the required Origin header isn't present on API requests. Therefore, you should specify an origin in the interceptor config:

axios.interceptors.request.use(npoApiInterceptor({
  key: '<your-key>',
  secret: '<your-secret>',
  origin: 'https://www.example.com'
}))

Note that this origin should be whitelisted to access the NPO API.

Browser support

The NPO API Interceptor depends on one ES2015 feature: Promises. A polyfills is not included, you need to polyfill it in your project, depending on your browser support level.

Development

If you want, you can use nvm to manage multiple Node.js versions on your machine.

We use JavaScript Standard Style to format the code. Numerous text editor plugins are available, so you can set up your editor to format the JS code for you.

We use Babel and Rollup to transpile and bundle the code. The source code is in src/ and multiple target bundles are built in lib/.

We use Yarn, but npm can also be used. For publishing to the Yarn and npm registries, we currently use npm, because Yarn publish resulted in invalid tar files.

To get started:

  1. Clone the repository.
  2. Run nvm to switch to the right Node.js version: nvm use.
  3. Install the dependencies: yarn install.

To publish a new version:

  1. Create a new version number: npm version major|minor|patch. See SemVer. This will run the build command and add the built files to the new version.
  2. Publish to the registry: npm publish. The lint and build commands will be run automatically, to make sure we're always publishing the latest source and adhere to the style guide.

Install

npm i npo-api-interceptor

DownloadsWeekly Downloads

43

Version

1.4.0

License

MIT

Unpacked Size

34.6 kB

Total Files

9

Last publish

Collaborators

  • avatar
  • avatar