/js-ipfs-api

A client library for the IPFS HTTP API, implemented in JavaScript.

Primary LanguageJavaScriptMIT LicenseMIT

ipfs-api

standard-readme compliant Coverage Status Dependency Status Travis CI Circle CI

A client library for the IPFS HTTP API, implemented in JavaScript. This client library implements the interface-ipfs-core enabling applications to change between a embebed js-ipfs node and any remote IPFS node without having to change the code. In addition, this client library implements a set of utility functions.

Table of Contents

Install

This module uses node.js, and can be installed through npm:

> npm install --save ipfs-api

Note: ipfs-api requires Node.js v4 (LTS) or higher.

Running the daemon with the right port

To interact with the API, you need to have a local daemon running. It needs to be open on the right port. 5001 is the default, and is used in the examples below, but it can be set to whatever you need.

# Show the ipfs config API port to check it is correct
> ipfs config Addresses.API
/ip4/127.0.0.1/tcp/5001
# Set it if it does not match the above output
> ipfs config Addresses.API /ip4/127.0.0.1/tcp/5001
# Restart the daemon after changing the config

# Run the daemon
> ipfs daemon

Importing the module and usage

var ipfsAPI = require('ipfs-api')

// connect to ipfs daemon API server
var ipfs = ipfsAPI('localhost', '5001', {protocol: 'http'}) // leaving out the arguments will default to these values

// or connect with multiaddr
var ipfs = ipfsAPI('/ip4/127.0.0.1/tcp/5001')

// or using options
var ipfs = ipfsAPI({host: 'localhost', port: '5001', protocol: 'http'})

In a web browser through Browserify

Same as in Node.js, you just have to browserify the code before serving it. See the browserify repo for how to do that.

See the example in the examples folder to get a boilerplate.

In a web browser through webpack

See the example in the examples folder to get an idea on how to use js-ipfs-api with webpack

In a web browser from CDN

Instead of a local installation (and browserification) you may request a remote copy of IPFS API from unpkg CDN.

To always request the latest version, use the following:

<script src="https://unpkg.com/ipfs-api/dist/index.js"></script>

For maximum security you may also decide to:

  • reference a specific version of IPFS API (to prevent unexpected breaking changes when a newer latest version is published)

  • generate a SRI hash of that version and use it to ensure integrity

  • set the CORS settings attribute to make anonymous requests to CDN

Example:

<script src="https://unpkg.com/ipfs-api@9.0.0/dist/index.js"
integrity="sha384-5bXRcW9kyxxnSMbOoHzraqa7Z0PQWIao+cgeg327zit1hz5LZCEbIMx/LWKPReuB"
crossorigin="anonymous"></script>

CDN-based IPFS API provides the IpfsApi constructor as a method of the global window object. Example:

var ipfs = window.IpfsApi('localhost', '5001')

If you omit the host and port, the API will parse window.host, and use this information. This also works, and can be useful if you want to write apps that can be run from multiple different gateways:

var ipfs = window.IpfsApi()

CORS

In a web browser IPFS API (either browserified or CDN-based) might encounter an error saying that the origin is not allowed. This would be a CORS ("Cross Origin Resource Sharing") failure: IPFS servers are designed to reject requests from unknown domains by default. You can whitelist the domain that you are calling from by changing your ipfs config like this:

$ ipfs config --json API.HTTPHeaders.Access-Control-Allow-Origin "[\"http://example.com\"]"
$ ipfs config --json API.HTTPHeaders.Access-Control-Allow-Credentials "[\"true\"]"
$ ipfs config --json API.HTTPHeaders.Access-Control-Allow-Methods "[\"PUT\", \"POST\", \"GET\"]"

Usage

API

js-ipfs-api follows the spec defined by interface-ipfs-core, which concerns the interface to expect from IPFS implementations. This interface is a currently active endeavor. You can use it today to consult the methods available.

Caveats

Pubsub

Currently, the PubSub API only works in Node.js envinroment

We currently don't support pubsub when run in the browser, and we test it with separate set of tests to make sure if it's being used in the browser, pubsub errors.

More info: ipfs-inactive#518

This means:

  • You can use pubsub from js-ipfs-api in Node.js
  • You can use pubsub from js-ipfs-api in Electron (when js-ipfs-api is ran in the main process of Electron)
  • You can't use pubsub from js-ipfs-api in the browser
  • You can't use pubsub from js-ipfs-api in Electron's renderer process
  • You can use pubsub from js-ipfs in the browsers
  • You can use pubsub from js-ipfs in Node.js
  • You can use pubsub from js-ipfs in Electron (in both the main process and the renderer process)
  • See https://github.com/ipfs/js-ipfs for details on pubsub in js-ipfs

active branch: ipfs-inactive#493

Utility functions

Adding to the methods defined by interface-ipfs-core, js-ipfs-api exposes a set of extra utility methods. These utility functions are scoped behind the ipfs.util.

Complete documentation for these methods is coming with: ipfs-inactive#305

Add files or entire directories from the FileSystem to IPFS

ipfs.util.addFromFs(path, option, callback)

Reads a file or folder from path on the filesystem and adds it to IPFS. Options:

  • recursive: If path is a directory, use option { recursive: true } to add the directory and all its sub-directories.
    • ignore: To exclude fileglobs from the directory, use option { ignore: ['ignore/this/folder/**', 'and/this/file'] }.
    • hidden: hidden/dot files (files or folders starting with a ., for example, .git/) are not included by default. To add them, use the option { hidden: true }.
ipfs.util.addFromFs('path/to/a/folder', { recursive: true , ignore: ['subfolder/to/ignore/**']}, (err, result) => {
  if (err) {
    throw err
  }
  console.log(result)
})

result is an array of objects describing the files that were added, such as:

[{
  path: 'test-folder',
  hash: 'QmRNjDeKStKGTQXnJ2NFqeQ9oW23WcpbmvCVrpDHgDg3T6',
  size: 2278
},
// ...
]

Add a file from a URL to IPFS

ipfs.util.addFromURL(url, callback)

ipfs.util.addFromURL('http://example.com/', (err, result) => {
  if (err) {
    throw err
  }
  console.log(result)
})

Add a file from a stream to IPFS

ipfs.util.addFromStream(stream, callback)

This is very similar to ipfs.files.add({path:'', content: stream}). It is like the reverse of cat

ipfs.util.addFromStream(<readable-stream>, (err, result) => {
  if (err) {
    throw err
  }
  console.log(result)
})

Callbacks and promises

If you do not pass in a callback all API functions will return a Promise. For example:

ipfs.id()
  .then(function (id) {
    console.log('my id is: ', id)
  })
  .catch(function(err) {
  	console.log('Fail: ', err)
  })

This relies on a global Promise object. If you are in an environment where that is not yet available you need to bring your own polyfill.

Development

Testing

We run tests by executing npm test in a terminal window. This will run both Node.js and Browser tests, both in Chrome and PhantomJS. To ensure that the module conforms with the interface-ipfs-core spec, we run the batch of tests provided by the interface module, which can be found here.

Contribute

The js-ipfs-api is a work in progress. As such, there's a few things you can do right now to help out:

  • Check out the existing issues!
  • Perform code reviews. More eyes will help a) speed the project along b) ensure quality and c) reduce possible future bugs.
  • Add tests. There can never be enough tests. Note that interface tests exist inside interface-ipfs-core.
  • Contribute to the FAQ repository with any questions you have about IPFS or any of the relevant technology. A good example would be asking, 'What is a merkledag tree?'. If you don't know a term, odds are, someone else doesn't either. Eventually, we should have a good understanding of where we need to improve communications and teaching together to make IPFS and IPN better.

Want to hack on IPFS?

Historical context

This module started as a direct mapping from the go-ipfs cli to a JavaScript implementation, although this was useful and familiar to a lot of developers that were coming to IPFS for the first time, it also created some confusion on how to operate the core of IPFS and have access to the full capacity of the protocol. After much consideration, we decided to create interface-ipfs-core with the goal of standardizing the interface of a core implementation of IPFS, and keep the utility functions the IPFS community learned to use and love, such as reading files from disk and storing them directly to IPFS.

License

MIT