0.0.12 • Published 2 years ago
@makejack4/react-bitkubnext-oauth2 v0.0.12
React BitkubNext Oauth2
Installation
yarn add @makejack4/react-bitkubnext-oauth2
How to use
Step 1 : Connect with bitkub next for your UI-component
import { ReactBitkubNextOauth2 } from "@makejack4/react-bitkubnext-oauth2"
<ReactBitkubNextOauth2
clientId={"YOUR_CLIENT_ID"}
redirectURI={"YOUR_OAUTH_REDIRECT_URI"}
>
<button>connect with bitkub next</button>
</ReactBitkubNextOauth2>
==================
Step 2 : When Oauth2 Success, In your redirect uri will have code query string in your URL
import { exchangeAuthorizationCode } from '@makejack4/react-bitkubnext-oauth2'
const handlerGetAccessToken = async () => {
const { access_token, refresh_token } = await exchangeAuthorizationCode("YOUR_OAUTH_CLIENT_ID", "YOUR_OAUTH_REDIRECT_URI", code)
// success
alert(access_token)
alert(refresh_token)
}
==================
Extra : Extend Your Access Token if you have a refresh token
import { exchangeRefreshToken } from '@makejack4/react-bitkubnext-oauth2'
const handlerExtendAccessToken = async () => {
const { access_token, refresh_token } = await exchangeRefreshToken("YOUR_OAUTH_CLIENT_ID", "YOUR_REFRESH_TOKEN")
// success
alert(access_token)
alert(refresh_token)
}
==================
ReactBitkubNextOauth2 Props
Name | Required | Type | Default value |
---|---|---|---|
clientId | true | String | |
redirectURI | true | String | |
mode | false | 'new_tab' , 'popup' , 'redirect' | "new_tab" |
state | false | String | |
onClick | false | () => void |