Start SSO Flow - Stytch Docs

import { useStytchB2BClient } from '@stytch/react/b2b';

export const SSOLogin = () => {
  const stytch = useStytchB2BClient();

  const startSSO = () => {
    stytch.sso.start({
      connection_id: 'saml-connection-test-d89ff7a0-e86f-4b4d-b6a3-9a74d967528e',
      login_redirect_url: 'https://example.com/authenticate',
      signup_redirect_url: 'https://example.com/authenticate',
    });
  };

  return <button onClick={startSSO}>Sign in with SSO</button>;
};

import { useStytchB2BClient } from '@stytch/react/b2b';

export const SSOLogin = () => {
  const stytch = useStytchB2BClient();

  const startSSO = () => {
    stytch.sso.start({
      connection_id: 'saml-connection-test-d89ff7a0-e86f-4b4d-b6a3-9a74d967528e',
      login_redirect_url: 'https://example.com/authenticate',
      signup_redirect_url: 'https://example.com/authenticate',
    });
  };

  return <button onClick={startSSO}>Sign in with SSO</button>;
};

import { useStytchB2BClient } from '@stytch/react/b2b';

export const SSOLogin = () => {
  const stytch = useStytchB2BClient();

  const startSSO = () => {
    stytch.sso.start({
      connection_id: 'saml-connection-test-d89ff7a0-e86f-4b4d-b6a3-9a74d967528e',
      login_redirect_url: 'https://example.com/authenticate',
      signup_redirect_url: 'https://example.com/authenticate',
    });
  };

  return <button onClick={startSSO}>Sign in with SSO</button>;
};

sso.start() starts an SSO flow by redirecting the browser to Stytch’s SSO Start endpoint. The method will also generate a PKCE code_verifier and store it in localstorage on the device.

Parameters

connection_id

string

required

Globally unique UUID that identifies a specific SSO connection_id for a Member.

The URL Stytch redirects to after the SSO flow is completed for a Member that already exists. This URL should be a route in your application which will run sso.authenticate and finish the login.The URL must be configured as a Login URL in the Stytch Dashboard. If the field is not specified, the default Login URL will be used.

The URL Stytch redirects to after the SSO flow is completed for a Member that does not yet exist. This URL should be a route in your application which will run sso.authenticate (see below) and finish the signup.The URL must be configured as a Signup URL in the Stytch Dashboard. If the field is not specified, the default Signup URL will be used.

⌘I

​Parameters

Parameters