๐Ÿ“ฆ YMFE / yapi-plugin-qsso

๐Ÿ“„ client.js ยท 45 lines
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45import React from 'react';

const qualifyURL = (url, encode) => {
    url = url || '';
    var ret =
        location.protocol +
        '//' +
        location.host +
        (url.substr(0, 1) === '/' ? '' : location.pathname.match(/.*\//)) +
        url;
    if (encode) {
        ret = encodeURIComponent(ret);
    }
    return ret;
};

module.exports = function (options) {
    const handleLogin = (props = {}) => {
        const next = props.state && props.state.next;
        const ext = next ? '&ext=' + encodeURIComponent(URLStringify({ next })) : '';

        const loginURI = '/api/user/login_by_token';
        const { AUTH_SERVER } = options;
        let ret = qualifyURL(loginURI, true);
        let redirectURL = AUTH_SERVER + '?ret=' + ret + ext;
        location.href = redirectURL;
    };

    const QssoComponent = (props = {}) => (
        <button onClick={() => handleLogin(props)} className='btn-home btn-home-normal'>
            QSSO ็™ปๅฝ•
        </button>
    );

    this.bindHook('third_login', QssoComponent);
};

function URLStringify(o) {
    var ret = [];
    for (var i in o) {
        ret.push(i + '=' + o[i]);
    }
    return ret.join('&');
}