React CAS Client

react-cas-client is a simple CAS Client for ReactJS for Apereo CAS server (CAS 2.0 and 3.0 protocol)

Installation

$3

``shell
npm install react-cas-client
`

$3

`shell
yarn add react-cas-client
`

Usage

Example: alancting/react-cas-client-example

$3

`javascript
import CasClient, { constant } from "react-cas-client";

let casEndpoint = "xxxx.casserver.com";
let casOptions = { version: constant.CAS_VERSION_2_0 };

let casClient = new CasClient(casEndpoint, casOptions);
`

#### CAS Endpoint

Endpoint of CAS Server (eg. 'xxxx.casserver.com')

#### CAS Options

- path - CAS server service path (eg. '/cas-tmp') (default: '/cas')
- protocol - CAS server protocol, can be 'http', 'https' (default: 'https');
- version - CAS protocol version can be constant.CAS_VERSION_2_0, constant.CAS_VERSION_3_0 (default: constant.CAS_VERSION_3_0)
- proxy_callback_url - URL of the proxy callback (pgtUrl)
- validation_proxy - Enable validation proxy (boolean) (default: false)
- Only Apply When validation_proxy = true
- validation_proxy_protocol - Validation proxy server protocol ('http'/'https') (default: current url protocol)
- validation_proxy_endpoint - Validation proxy server endpoint (default: current endpoint)
- validation_proxy_path - Proxy path for application to make call to CAS server to validate ticket (default: '')

$3

`javascript
// Basic usage
casClient
.auth()
.then(successRes => {
console.log(successRes);
// Login user in state / locationStorage ()
// eg. loginUser(response.user);

// If proxy_callback_url is set, handle pgtpgtIou with Proxy Application

// Update current path to trim any extra params in url
// eg. this.props.history.replace(response.currentPath);
})
.catch(errorRes => {
console.error(errorRes);
// Error handling
// displayErrorByType(errorRes.type)

// Update current path to trim any extra params in url
// eg. this.props.history.replace(response.currentPath);
});

// Login with gateway
let gateway = true;

casClient
.auth(gateway)
.then(successRes => {})
.catch(errorRes => {});
`

#### Gateway

Apply gateway param to CAS login url when gateway is given (Documentation)

- Boolean: true / false (default: false)

#### Possible Error Types

- constant.CAS_ERROR_FETCH - Error when validating ticket with CAS Server:
- constant.CAS_ERROR_PARSE_RESPONSE - Cannot parse response from CAS server
- constant.CAS_ERROR_AUTH_ERROR - User is not authorized

$3

`javascript
// Assume current url is https://localhost.com/

// Basic usage
casClient.logout();

// Apply redirect url to CAS logout url
// You can applied redirectPath.
// In this case, https://localhost.com/logout will be applied to logout url
let redirectPath = "/logout";
casClient.logout(redirectPath);
`

#### Redirect Path

Apply redirect url to CAS logout url when refirectPath is given (Documentation)

- String: any path (default: /)

CORS Issue

$3

Update CAS server to set Access-Control-Allow-Origin for you application

$3

Using reverse proxy in your application, we will use ngnix as example.

1. Update nginx conf to pass request from */cas_proxy to your cas server - https://xxxx.casserver.com/cas

`


nginx.conf

location /cas_proxy {
proxy_pass http://xxxx.casserver.com/cas/;
}
`

2. Apply CAS options - validation_proxy_path to '/cas_proxy'

Test

$3

`shell
npm run test
`

$3

`shell
yarn run test
``

License

MIT license