This method is suitable when you manage one single webpage for all the platforms.
Make sure you have checked and prepared everything in Web Login
Web Login 1. stoveThirdParty.js Library
Key | Description |
stoveThirdParty.js Library |
2. Creating Tag to open pop-up
•
Create div Tag as of below (id: stove_id_login), to open pop-up
<div id="stove_id_login"></div>
JSON
복사
3. Place script Tag, which contains stoveThirdParty Library js file, in head Tag .
<head> <meta charset="UTF-8"> <script src=" https://static-cdn.ppool.us/0.0.1/stove-third-party-login/1.0.0/stoveThirdParty.js"></script> </head>
JSON
복사
4. Create Log-in button, using Log-in option
•
You can create A tag which can call pop-up, using StoveThirdPartyLogin.initStoveLoginPopup()
window.onload(() => {
const option = {
isPopup: true,
callbackUrl: 'https://him.smilegatefoundation.org/front/login',
redirectUrl: 'https://him.smilegatefoundation.org/login/stoveLogin',
inflowPath: 'YOURVALUE',
useStoveDomain: true,
runType: 'live',
clientId: '11aeb60d2f282265595f2558fa54fd5da3546718fefb7b6c4e376d88582c8199',
styleType: 'POPUP-STOVE'
};
window.StoveThirdPartyLogin.initStoveLoginPopup(option);
});
JSON
복사
4.1 Log-in Option
Option | Description |
isPopup | true: Pop-up
false: go to page |
redirectUrl
(registered to STOVE Autentication) | Redirected URL after successful login |
callbackUrl | Redirected URL after failed login |
inflowPath | Contact STOVE Onboarding Manager |
useStoveDomain | Put it true |
runType | live or sandbox |
clientId | Contact STOVE Onboarding Manager |
styleType | Put it POPUP-STOVE |
4.2 Client_id, Client_Secret
•
Contact STOVE Onboarding Manager
5. Log-in after Redirect URL
window.onload(() => {
// redirect url
var code = window.StoveThirdPartyLogin.getAuthorizationCode();
const accessToken = StoveThirdPartyLogin.stoveSign
({
client_id: '11aeb60d2f282265595f2558fa54fd5da3546718fefb7b6c4e376d88582c8199',
client_secret: 'c8f797c3f43c88d122310d88854f648c771e1b62d8750cda11cc27eaf367f06e482e0e735458ea82ecdd0fc45da6e061',
code: cookie
}, false, 'live');
)};
----- access_token -------—
JSON
복사
5.1 stoveSign Variable
stoveSign(data: RequestBody, useStoveDomain: boolean = true, runType: string = 'live')
JSON
복사
•
Variable Parameters
Option | Description |
data | Data per token
- client_id: Contact STOVE Onboarding Manager
- client_secret: Contact STOVE Onboarding Manager
- code: Contact STOVE Onboarding Manager |
useStoveDomain | use live |
runType | live or sandbox |
•
Return Value
key | data type | description |
code | number | Result |
message | string | Message (per result) |
value | object | Respons data
- access_token: Issued token
- expires_in: Expiration time |
5.2 /auth/third/token API
•
Request
POST /auth/third/token
Host:
https://papi-sb.ppool.us/sim (SANDBOX)
https://papi.ppool.us/sim (LIVE)
Content-Type: application/json
JSON
복사
•
Request document
Request Header
Name | Value | Description |
caller-id | ||
caller-detail | ||
Content-Type | application/json |
Request Body
Key | Data Type | Requirement | Description |
client_id | String | O | Contact STOVE Onboarding Manager |
client_secret | String | O | Contact STOVE Onboarding Manager |
code | String | O | Contact STOVE Onboarding Manager |
•
Request Example
curl --location --request POST 'https://papi-dev.ppool.us/sim/auth/third/token' \
--header 'Content-Type: application/json' \
--data-raw '{
"client_id": "11aeb60d2f282265595f2558fa54fd5da3546718fefb7b6c4e376d88582c8199",
"client_secret": "c8f797c3f43c88d122310d88854f648c771e1b62d8750cda11cc27eaf367f06e482e0e735458ea82ecdd0fc45da6e061",
"code": "llanAiKn7TD1Z__coIGYtOehsFMsGEpeYDeMzULNBVrJFBaP3PcXUTLzN3QW9rm4kG7AGpCOj6QG7k-8Zng2zXSRG7_zXaom18Ax0jKa_LI2hCIDxc5w1J0HdNJeycDZCbyj1Ho340g1bp64gaMojbI0FuO-dENDWqs2uJv_oqiazAfcAFF_G_1Wz6seiS_kPcu9W22TsKEcz-9-6ZIPlgkvPjtVWpp4wC96ZZ4jhU4"
}'
JSON
복사
•
Response
Response Data
Key | Data Type | Required | Example | Desciption |
access_token | String | O | eyJhbGciOiJIUzI1NiJ9.
eyJleHBpcmVfdGltZSI6MTYxOTcwNjA2OTYxMiwibWVtYmVyX25vIjoyMDAwMTQ2NDE3NSwiYXBwbGljY
XRpb25fbm8iOjEwMDAyfQ._k38MtByq0w3rFQZqRQe9EGUBaeOe4fXdluG9xmWUZbkDYaj-GAIan9- ALJVY5jgUPiALD92Ks5MT91vTZXQNuwA7TEAaVk2SCQkWq3tlbSOAQ9I8iFIEEi7zlwmzA5T2Lq94H0jHTTI
4WQGfFjYjFL4cSFevEuj6u6u2Rp1hqFJJbAyMUIB_4rKEuCgkTKqKQKWAYRKuFKT1I5BNPwxckxn3kw904t5-X7c7oTcXw | Authentication Token to use platform API |
refresh_token | String | X | yJhbGciOiJIUzI1NiJ9.
eyJleHBpcmVfdGltZSI6MTYxOTcwNjA2OTYxMiwibWVtYmVyX25vIjoyMDAwMTQ2NDE3NSwiYXBwbGljY
XRpb25fbm8iOjEwMDAyfQ._k38MtByq0w3rFQZqRQe9EGUBaeOe4fXdluG9xmWUZbkDYaj-GAIan9-
ALJVY5jgUPiALD92Ks5MT91vTZXQNuwA7TEAaVk2SCQkWq3tlbSOAQ9I8iFIEEi7zlwmzA5T2Lq94H0jHTTI
4WQGfFjYjFL4cSFevEuj6u6u2Rp1hqFJJbAyMUIB_4rKEuCgkTKqKQKWAYRKuFKT1I5BNPwxckxn3kw904t5-X7c7oTcXw | Refresh token to re-issue authentication token. |
expires_in | Integer | O | 21599984 | Expiration time for access token |
•
Member Object
Response Example
{
"code": 0,
"message": "Success",
"value": {
"access_token": "eyJhbGciOiJIUzI1NiJ9.
eyJleHBpcmVfdGltZSI6MTYxOTcwNjA2OTYxMiwibWVtYmVyX25vIjoyMDAwMTQ2NDE3NSwiYXBwbGljYXRpb25fbm8iOjEwMDAyfQ.
_k38MtByq0w3rFQZqRQe9EGUBaeOe4fXdluG9xmWUZbkDYaj-GAIan9-
ALJVY5jgUPiALD92Ks5MT91vTZXQNuwA7TEAaVk2SCQkWq3tlbSOAQ9I8iFIEEi7zlwmzA5T2Lq94H0jHTTI4WQGfFjYjFL4cSFevEuj6u6u2Rp1
hqFJJbAyMUIB_4rKEuCgkTKqKQKWAYRKuFKT1I5BNPwxckxn3kw904t-5-X7c7oTcXw",
"expires_in": 21599984
}
// client_id client_secret
{
"code": 41001,
"message": "Invalid client id"
}
// code
{
"code": 41009,
"message": "Invalid authorization code"
}
JSON
복사