Skip to content

Okta Client JavaScriptSecure Your JavaScript Apps

Okta's Client SDK for JavaScript/TypeScript projects

OktaOkta

Easily Make Authenticated Resources Requests ​

typescript
// ###### auth.ts ######
export const client = new OAuth2Client(...);
const flow = new AuthorizationCodeFlow(client, {
  redirectUri: `${window.location.origin}/login/callback`,
});

export const orchestrator = new AuthorizationCodeFlowOrchestrator(flow);

// ###### resourceClient.ts ######
import { orchestrator } from './auth';

export const fetchClient = new FetchClient(orchestrator);

// ###### components/messages.tsx ######
import { fetchClient } from '../auth';

async function fetchMessages () {
  const response = await fetchClient.fetch('/api/messages');
  return response.json();
};

export function Messages () {
  // render messages
}