ng-jsonrpc-client
v0.5.3
Published
A JSON-RPC 2.0 client for AngularJS, compatible with ng-1.6
Downloads
90
Readme
Introduction
angular-jsonrpc-client provides a configurable client to perform JSON-RPC 2.0 calls via HTTP to one or more servers.
JSON-RPC is a protocol where you send a JSON object with a method name and method parameters to a server, and you get a response with the result of the operation. Let's say you send the following JSON:
{
"jsonrpc": "2.0",
"id": "1",
"method": "buy_fruit",
"params": {
"type": "banana",
"amount": 42
}
}
The server might reply with an object like this:
{
"jsonrpc": "2.0",
"id": "1",
"result": {
"cost": 24.65
}
}
Or, if an error happens, the server would reply with an object like this:
{
"jsonrpc": "2.0",
"id": "1",
"error": {
"code": 666,
"message": "There were not enough bananas.",
"data": {
"available_bananas": 17
}
}
}
In addition to such a JSON-RPC server error, it could also happen that something goes wrong with sending the request to the server. For example, the server could be down, or the client could be configured with the wrong location of the server. In that case, you would also experience an error situation, although different from JSON-RPC errors.
Description
This client takes care of the communication and the error handling when communicating with a JSON-RPC server. By default it returns a $q
promise, which either resolves to a result value via .then()
or results in an error via .catch()
.
Currently, it can only handle JSON-RPC servers that are reachable via HTTP.
The client is configured in the Angular configuration phase via the jsonrpcConfig
provider, and the client itself is injected as jsonrpc
.
Getting started
// For a single JSON-RPC server:
// (this way of configuring is simple and only recommended for the most
// basic usage)
angular
.module('MyApp', ['angular-jsonrpc-client'])
.config(function(jsonrpcConfigProvider) {
jsonrpcConfigProvider.set({
url: 'http://example.com:8080/rpc'
});
})
.controller('MyController', ['$scope', 'jsonrpc', function($scope, jsonrpc) {
jsonrpc.request('version', {})
.then(function(result) {
$scope.result = result;
})
.catch(function(error) {
$scope.error = error;
});
}]);
// Or for multiple JSON-RPC servers
angular
.module('MyApp', ['angular-jsonrpc-client'])
.config(function(jsonrpcConfigProvider) {
jsonrpcConfigProvider.set({
servers: [
{
name: 'first',
url: 'http://example.com:8080/rpc'
},
{
name: 'second',
url: 'http://example.net:4444/api',
headers: {
'Authorization': 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='
}
}
]
});
})
.controller('MyController', ['$scope', 'jsonrpc', function($scope, jsonrpc) {
jsonrpc.request('first', 'version', {})
.then(function(result) {
$scope.result = result;
})
.catch(function(error) {
$scope.error = error;
});
}]);
Configuration
There are 3 configuration options.
Argument | Mandatory? | Type | Default | Description
---------|------------|------|---------|------------
url | optional | string | null | The URL of the JSON-RPC HTTP server.
servers | optional | array | null | A list of backend servers with names.
returnHttpPromise | optional | boolean | false | Whether to return a $http
promise or a $q
promise.
You must provide either url
or servers
to configure which backend(s) will be used. If you provide the url
argument, a single backend called main
will be created internally.
The argument url
is a string with the URL of the JSON-RPC server.
The argument servers
is an array of objects. Each object contains three keys: name
for the symbolic name of this backend, url
for the URL of that JSON-RPC server, and an optional key headers
to make the client pass custom header to each request.
The argument returnHttpPromise
can be used to return a $http
promise instead of a $q
promise, if you want to handle the $http errors yourself. See the Http Promise section for more information.
Calling jsonrpc.request()
The method jsonrpc.request()
can be called with 1, 2 or 3 arguments:
jsonrpc.request(requestObject)
jsonrpc.request(methodName, args)
jsonrpc.request(serverName, methodName, args)
If it's called with 2 arguments, the serverName is set to main
internally. This is the same internal name as when you call jsonrpcConfig with the url
parameter.
If called with 1 argument, you can use the following keys:
Key | Description ----|------------ serverName | The name of the server methodName | The method methodArgs | Arguments of the method call config | An object with key/value pairs that will be passed to $http
Setting headers at run-time
Sometimes, you don't have the authentication headers during the Angular configuration phase yet, for example because you will only receive them as result of a "log in" JSON-RPC call. It is possible to add headers later on, via jsonrpc.setHeaders(serverName, headers)
. For example:
jsonrpc.setHeaders('main', {
AuthToken: 'my auth token'
});
JSONRPC Batch Request
To send several Request objects at the same time, the Client may send an Array filled with Request objects.
Calling jsonrpc.batch()
The method jsonrpc.batch()
can be called with either 0 or with 1 argument:
jsonrpc.batch(serverName)
jsonrpc.batch()
If it's called with 0 arguments, the serverName is set to main
internally. This is the same internal name as when you call jsonrpcConfig with the url
parameter.
The method returns a new batch
object.
Using the batch request
To use the batch request, you have to create a new batch object with jsonrpc.batch()
. You can add new requests with batch.add(methodName, args)
and send the batch request with batch.send()
.
The method batch.add()
returns by default a $q
promise like jsonrpc.request()
. If you configure usage of $http
promise the return value is the id of the request to identify the response.
The method batch.send()
returns just as jsonrpc.request()
by default a $q
promise. The result of the resolved $q
promise isn't set. After calling batch.send()
the batch data is cleared.
For example:
// Creating new batch
var batch = jsonrpc.batch();
// Adding requests to batch
batch.add("foo.bar", [])
.then(handleFooBar);
batch.add("bar.foo", [])
.then(handleBarFoo);
// Send batch request
batch.send()
.then(handleSend);
Return value
By default, the return value of jsonrpc.request
is a $q
promise, which resolves into the result
value of the JSON-RPC response. If anything goes wrong with handling the request, the code ends up in $q.catch()
.
Handling errors
When dealing with JSON-RPC, there are 2 kinds of errors. The first kind is when your request did not arrive at the server, for example because it was down or because the wrong URL was used. The second kind of error is when the server has received the request and returns an error structure as specified by JSON-RPC 2.0.
It would be possible to handle errors like this:
// Note: this is NOT how this module works! Don't use this code!
jsonrpc.request(methodName, params)
.then(function(response) {
if (response.result) {
// The JSON-RPC call was successful.
$scope.result = response.result;
}
else {
// The request was received but an error occurred during processing.
$scope.jsonError = response.error;
}
})
.catch(function(error) {
// This is an HTTP transport error, for example the wrong URL.
$scope.httpError = error;
});
The disadvantage of this method, is that you need to check for response.result
or response.error
in the .then()
block for every single request you do.
This module moves the JSON-RPC error to the .catch()
block. That means that if any error has occurred, the code flow ends up in the .catch()
path. So, in the .then()
block, you can be sure that the JSON-RPC call has been performed successfully. This leads to the following code flow on the client side:
jsonrpc.request(methodName, params)
.then(function(result) {
// The JSON-RPC call was successful.
$scope.result = result;
})
.catch(function(error) {
// This could be either a JSON-RPC error or an HTTP transport error.
$scope.error = error;
});
This leads to simpler and less client code for the vast majority of the situations, where you are interested in what happens if the JSON-RPC call succeeds.
To differentiate between the two types of errors, we use the type of the error
object that is rejected by jsonrpc.request()
and thus is the only argument for .catch(function(error) { ... })
. This error
argument is an object and is either of type JsonRpcTransportError
(for the first type of errors) or JsonRpcServerError
.
In both cases, error.message
is set. In case of a JsonRpcServerError
, error.error
contains the error object as it is specified by JSON-RPC 2.0.
Http Promise
If, for some reason, you want to handle the $http
response yourself, you can do that via:
jsonrpcConfigProvider.set({
returnHttpPromise: true
});
This changes the return value of jsonrpc.request()
and jsonrpc.batch()
from a $q
promise into the return value of $http.request()
. See examples/example2.html
for a working example of this. Doing this makes your client code more complex and is not recommended.
Cancelling a JSON-RPC call
By using the 1 argument way of calling jsonrpc.request
, it's possible to pass any options to the internal $http
request that's made. You can use this to cancel a JSON-RPC call.
var canceller = $q.defer();
$scope.cancelRequest = function() {
canceller.resolve('cancelled');
};
jsonrpc.request({
serverName: serverName,
methodName: methodName,
methodArgs: methodArgs,
config: {
timeout: canceller.promise
}
});
Monitoring progress
In the same way you can cancel a request, you can also monitor the progress of a request. You will need AngularJS 1.5.4 or later for this to work. Here is an example:
function logProgress(progressEvent) {
console.log('Received progress event:');
console.log(progressEvent);
}
jsonrpc.request({
serverName: serverName,
methodName: methodName,
methodArgs: methodArgs,
config: {
eventHandlers: {
progress: logProgress
}
}
});
Note that you might need to use uploadEventHandlers
if eventHandlers
does not do the trick. See https://docs.angularjs.org/api/ng/service/$http for more information.
Examples
In the examples
dir, there are a few examples. You can look at the code there, and you can also see the code in action. To do that, you need to make sure that a the local example JSON-RPC server is running:
npm install
cd example
node jsonrpc.server.js
Now you can open the example html files in your browser and the calls should work.
TODO
- Maybe add support for JSON-RPC v1?
- Add support for JSON-RPC over TCP
Contributors
The following people have contributed code to this module: