Quick Start

Add Keet Link to Your Product

Keet link uses a series of token exchanges to authenticate your users accounts.

    Step 1: Get a linkToken so that you can initialize a link session for your users

    Step 2: Make Keet Link appear in your frontend using the linkToken

    Step 3: Swap the publicToken, returned by keetLink for an accountToken

    Step 4: Use the accountToken for future requests to authenticated sessions.

Step 1: Get a Link Token (Server side)

In your backend, set up a POST request to initialize a Keet Link session and get a linkToken from this URL: https://api.trykeet.com/v1/link/token

You can now pass this public linkToken back to your client to initialize the link component.

Step 2: Make the Keet Link Appear (Client side)

1
  import { useKeetLink } from "@keet-tech/react-keet-link"
2
  import { useEffect, useState } from "react"
3
4
  export default function App() {
5
    const onSuccess = (publicToken: string) => {
6
      /* send a request to your backend
7
      to exchange this for an account token */
8
    }
9
10
    const onValidationError = (errors: any) => {
11
      console.error("An error from Keet Link occured: ", errors)
12
    }
13
14
    const { open, isReady } = useKeetLink({
15
      linkToken: "ADD YOUR LINK TOKEN -- SEE STEP 1",
16
      onSuccess,
17
      onValidationError
18
    })
19
20
21
22
    return (
23
      <button disabled={!isReady} onClick={open}>Open Link</button>
24
    )
25
  }
26
27
  export default App;

Step 3: Swap publicToken for accountToken (Server Side)

In your backend, create a request to exchange the short-lived publicToken for a permanent accountToken.

You’re done!

Use the accountToken to make all future requests on behalf of the user to every integration they use.

Check out how to use your integrations