147 lines
6.2 KiB
Text
147 lines
6.2 KiB
Text
[[_enforcer_js_adapter]]
|
|
= JavaScript Integration
|
|
|
|
The {project_name} Server comes with a JavaScript library you can use to interact with a resource server protected by a policy enforcer.
|
|
This library is based on the {project_name} JavaScript adapter, which can be integrated to allow your client to obtain permissions from a {project_name} Server.
|
|
|
|
You can obtain this library from a running a {project_name} Server instance by including the following `script` tag in your web page:
|
|
|
|
```html
|
|
<script src="http://.../auth/js/keycloak-authz.js"></script>
|
|
```
|
|
Once you do that, you can create a `KeycloakAuthorization` instance as follows:
|
|
|
|
```javascript
|
|
var keycloak = ... // obtain a Keycloak instance from keycloak.js library
|
|
var authorization = new KeycloakAuthorization(keycloak);
|
|
```
|
|
The *keycloak-authz.js* library provides two main features:
|
|
|
|
* Obtain permissions from the server using a permission ticket, if you are accessing a UMA protected resource server.
|
|
|
|
* Obtain permissions from the server by sending the resources and scopes the application wants to access.
|
|
|
|
In both cases, the library allows you to easily interact with both resource server and {project_name} Authorization Services to obtain tokens with
|
|
permissions your client can use as bearer tokens to access the protected resources on a resource server.
|
|
|
|
== Handling Authorization Responses from a UMA-Protected Resource Server
|
|
|
|
If a resource server is protected by a policy enforcer, it responds to client requests based on the permissions carried along with a bearer token.
|
|
Typically, when you try to access a resource server with a bearer token that is lacking permissions to access a protected resource, the resource server
|
|
responds with a *401* status code and a `WWW-Authenticate` header.
|
|
|
|
```bash
|
|
HTTP/1.1 401 Unauthorized
|
|
WWW-Authenticate: UMA realm="${realm}",
|
|
as_uri="https://${host}:${port}/auth/realms/${realm}",
|
|
ticket="016f84e8-f9b9-11e0-bd6f-0021cc6004de"
|
|
```
|
|
|
|
See <<_service_uma_authorization_process, UMA Authorization Process>> for more information.
|
|
|
|
What your client needs to do is extract the permission ticket from the ```WWW-Authenticate``` header returned by the resource server
|
|
and use the library to send an authorization request as follows:
|
|
|
|
```javascript
|
|
// prepare a authorization request with the permission ticket
|
|
var authorizationRequest = {};
|
|
authorizationRequest.ticket = ticket;
|
|
|
|
// send the authorization request, if successful retry the request
|
|
Identity.authorization.authorize(authorizationRequest).then(function (rpt) {
|
|
// onGrant
|
|
}, function () {
|
|
// onDeny
|
|
}, function () {
|
|
// onError
|
|
});
|
|
```
|
|
|
|
The `authorize` function is completely asynchronous and supports a few callback functions to receive notifications from the server:
|
|
|
|
* `onGrant`: The first argument of the function. If authorization was successful and the server returned an RPT with the requested permissions, the callback receives the RPT.
|
|
* `onDeny`: The second argument of the function. Only called if the server has denied the authorization request.
|
|
* `onError`: The third argument of the function. Only called if the server responds unexpectedly.
|
|
|
|
Most applications should use the `onGrant` callback to retry a request after a 401 response. Subsequent requests should include the RPT as a bearer token for retries.
|
|
|
|
== Obtaining Entitlements
|
|
|
|
The ```keycloak-authz.js``` library provides an `entitlement` function that you can use to obtain an RPT from the server by providing
|
|
the resources and scopes your client wants to access.
|
|
|
|
.Example about how to obtain an RPT with permissions for all resources and scopes the user can access
|
|
```javascript
|
|
authorization.entitlement('my-resource-server-id').then(function (rpt) {
|
|
// onGrant callback function.
|
|
// If authorization was successful you'll receive an RPT
|
|
// with the necessary permissions to access the resource server
|
|
});
|
|
```
|
|
|
|
.Example about how to obtain an RPT with permissions for specific resources and scopes
|
|
```javascript
|
|
authorization.entitlement('my-resource-server', {
|
|
"permissions": [
|
|
{
|
|
"id" : "Some Resource"
|
|
}
|
|
]
|
|
}).then(function (rpt) {
|
|
// onGrant
|
|
});
|
|
```
|
|
|
|
When using the `entitlement` function, you must provide the _client_id_ of the resource server you want to access.
|
|
|
|
The `entitlement` function is completely asynchronous and supports a few callback functions to receive notifications from the server:
|
|
|
|
* `onGrant`: The first argument of the function. If authorization was successful and the server returned an RPT with the requested permissions, the callback receives the RPT.
|
|
* `onDeny`: The second argument of the function. Only called if the server has denied the authorization request.
|
|
* `onError`: The third argument of the function. Only called if the server responds unexpectedly.
|
|
|
|
== Authorization Request
|
|
|
|
Both ```authorize``` and ```entitlement``` functions accept an authorization request object. This object can be set with the following
|
|
properties:
|
|
|
|
* *permissions*
|
|
+
|
|
An array of objects representing the resource and scopes. For instance:
|
|
+
|
|
```javascript
|
|
var authorizationRequest = {
|
|
"permissions": [
|
|
{
|
|
"id" : "Some Resource",
|
|
"scopes" : ["view", "edit"]
|
|
}
|
|
]
|
|
}
|
|
```
|
|
+
|
|
* *metadata*
|
|
+
|
|
An object where its properties define how the authorization request should be processed by the server.
|
|
+
|
|
** *response_include_resource_name*
|
|
+
|
|
A boolean value indicating to the server if resource names should be included in the RPT's permissions. If false, only the resource
|
|
identifier is included.
|
|
** *response_permissions_limit*
|
|
+
|
|
An integer N that defines a limit for the amount of permissions an RPT can have. When used together with
|
|
`rpt` parameter, only the last N requested permissions will be kept in the RPT
|
|
+
|
|
* *submit_request*
|
|
+
|
|
A boolean value indicating whether the server should create permission requests to the resources and scopes referenced by a permission ticket.
|
|
This parameter will only take effect when used together with the `ticket` parameter as part of a UMA authorization process.
|
|
|
|
== Obtaining the RPT
|
|
|
|
If you have already obtained an RPT using any of the authorization functions provided by the library, you can always obtain the RPT as follows from the authorization object (assuming that it has been initialized by one of the techniques shown earlier):
|
|
|
|
```javascript
|
|
var rpt = authorization.rpt;
|
|
```
|