npm i aesirx-sso
- Download sso.js from https://github.com/aesirxio/sso/releases/latest
- copy
sso.jsto your project - Add script to
<head>:
<script>
window.aesirxEndpoint="https://example.com"
window.aesirxClientSecret="[REPLACE THIS WITH THE PROVIDED CLIENT_SECRET]"
window.aesirxClientID="[REPLACE THIS WITH THE PROVIDED CLIENT_ID]"
</script>
<script async defer src="YOUR_PROJECT_PATH/sso.js"></script>
CLIENT_IDreplace this with the providedCLIENT_IDfrom https://sso.aesirx.io/CLIENT_SECRETreplace this with the providedCLIENT_SECRETfrom https://sso.aesirx.io/
<script>
const onGetData = async (response) => {
//response is a Object that return from SSO, you can use it to handle Authentication in your Site
};
const onClickSSO = async () => {
await window.handleSSO(onGetData);
};
</script>
<button onclick="onClickSSO()"> SSO Login </button>
REACT_APP_SSO_CLIENT_ID=[REPLACE THIS WITH THE PROVIDED CLIENT_ID]
REACT_APP_SSO_CLIENT_SECRET=[REPLACE THIS WITH THE PROVIDED CLIENT_SECRET]
import { SSOContextProvider } from 'aesirx-sso';
<SSOContextProvider>
<App />
</SSOContextProvider>
you can pass className, text props and onGetData function to control it
import { SSOButton } from 'aesirx-sso';
const onGetData = async (response) => {
//response is a Object that return from SSO, you can use it to handle Authentication in your App
/*
Example:
const authService = new AesirxAuthenticationApiService();
await authService.setTokenUser(response, false);
Storage.setItem('auth', true);
*/
};
<SSOButton
className="btn w-100 fw-medium btn-success position-relative d-flex align-item-center justify-content-center mt-3"
text={"SSO Login"}
onGetData={onGetData}
/>
NEXT_PUBLIC_SSO_CLIENT_ID=[REPLACE THIS WITH THE PROVIDED CLIENT_ID]
NEXT_PUBLIC_SSO_CLIENT_SECRET=[REPLACE THIS WITH THE PROVIDED CLIENT_SECRET]
import { SSOContextProvider } from 'aesirx-sso';
<SSOContextProvider>
<App />
</SSOContextProvider>
you can pass className, text props and onGetData function to control it
import { SSOButton } from 'aesirx-sso';
const onGetData = async (response) => {
//response is a Object that return from SSO, you can use it to handle Authentication in your App
/*
Example:
await updateUserData(response.access_token);
redirectProfile(response.access_token);
*/
};
<SSOButton
className="btn w-100 fw-medium btn-success position-relative d-flex align-item-center justify-content-center mt-3"
text={"SSO Login"}
onGetData={onGetData}
/>