Ursa-sso NPM | npm.io

#ursa（小熊座）前端工具集-登录组件工具集分为两类：1.server端（登录端）2.client端（客户端）\ 组件对外暴露内容为:

import ClientSsoPlugin from './packages/client'
import ServerSsoPlugin from './packages/server'
import {Login, LoginPage, P404} from './packages/server'
import request from './packages/core/request'
import * as loginApi from './packages/login/api'
import * as storeApi from './packages/core/store'

export {ServerSsoPlugin, Login, LoginPage, P404, request,loginApi, storeApi}
export default ClientSsoPlugin

1.ServerSsoPlugin:服务器端plugin\ 2.ClientSsoPlugin:客户端plugin\ 3.工具类loginApi和storeApi

3.页面：

Login：登录页面包含逻辑判断如是否登录等\
LoginPage：仅页面，不包含逻辑判断\
P404: 404页面

4.request：

请求：使用axios组件，添加头信息等，如果集成需要使用这个request

###1.server端 server端即为登录端，有登录页面和登录配置

createApp(App).use(router).use(ServerSsoPlugin, {
    router: router,
    env: {
        client_id: 10000,
        title: import.meta.env.VITE_VUE_APP_NAME,
        whiteList: ['/', '/404', '/500', '/login', '/login/**', '/oauth2/**'],
        vite_nginx_prefix: import.meta.env.VITE_NGINX_PREFIX,
        server_path: import.meta.env.VITE_SERVER_PATH,
        server_context_path: import.meta.env.VITE_SERVER_CONTEXT_PATH,
        vue_app_login_route: import.meta.env.VITE_VUE_APP_LOGIN_ROUTE,
        vue_app: import.meta.env.VITE_VUE_APP,
        vue_app_context_path: import.meta.env.VITE_VUE_APP_CONTEXT_PATH,
        vue_app_back_route: import.meta.env.VITE_VUE_APP_BACK_ROUTE,
        login: {
            qrcode: false,
            wx: false,
            sms: false,
            agreement: false,
            forget: true,
            register: true
        }
    },


}).use(createPinia()).mount("#app")

router：是vue-router 需要传递到组件\ login：是登录页面的配置

###1.client端客户度配置方式分为两种y9及i9

1.i9方式：

createApp(App).use(router).use(ClientSsoPlugin, {
    router: router,

    env: {
        client_id: 10020,
        whiteList: ['/', '/404', '/500', '/login', '/login/**', '/oauth2/**'],
        vite_nginx_prefix: import.meta.env.VITE_NGINX_PREFIX,
        server_path: import.meta.env.VITE_SERVER_PATH,
        server_context_path: import.meta.env.VITE_SERVER_CONTEXT_PATH,
        vue_app_login_route: import.meta.env.VITE_VUE_APP_LOGIN_ROUTE,
        vue_app_home_route: import.meta.env.VITE_VUE_APP_HOME_ROUTE,
        vue_app: import.meta.env.VITE_VUE_APP,
        vue_app_context_path: import.meta.env.VITE_VUE_APP_CONTEXT_PATH,

        sso: {
            sso_server: import.meta.env.VITE_SSO_SERVER,
            sso_server_context_path: import.meta.env.VITE_SSO_SERVER_CONTEXT_PATH,
            vue_sso_server: import.meta.env.VITE_VUE_SSO_SERVER,
            vue_sso_server_context_path: import.meta.env.VITE_VUE_SSO_SERVER_CONTEXT_PATH,
        }
    },


}).use(createPinia()).mount("#app")

2.y9方式：

createApp(App).use(router).use(ClientSsoPlugin, {
    router: router,

    env: {
        client_id: 10020,
        whiteList: ['/', '/404', '/500', '/login', '/login/**', '/oauth2/**'],
        vite_nginx_prefix: import.meta.env.VITE_NGINX_PREFIX,
        server_path: import.meta.env.VITE_SERVER_PATH,
        server_context_path: import.meta.env.VITE_SERVER_CONTEXT_PATH,
        vue_app_login_route: import.meta.env.VITE_VUE_APP_LOGIN_ROUTE,
        vue_app_home_route: import.meta.env.VITE_VUE_APP_HOME_ROUTE,
        vue_app: import.meta.env.VITE_VUE_APP,
        vue_app_context_path: import.meta.env.VITE_VUE_APP_CONTEXT_PATH,
        y9sso: {
            VUE_APP_SSO: import.meta.env.VUE_APP_SSO, // sso接口
            VUE_APP_SSO_CONTEXT: import.meta.env.VUE_APP_SSO_CONTEXT, // sso接口上下文
            VUE_APP_SSO_AUTHORIZE_URL: import.meta.env.VUE_APP_SSO_AUTHORIZE_URL, //sso授权码接口
            VUE_APP_Y9_LOGOUT_URL: import.meta.env.VUE_APP_Y9_LOGOUT_URL, //退出URL
            VUE_APP_SSO_CLIENT_ID: import.meta.env.VUE_APP_SSO_CLIENT_ID, //sso接口的固定字段
            VUE_APP_SSO_SECRET: import.meta.env.VUE_APP_SSO_SECRET, //sso接口的固定字段
            VUE_APP_GRANT_TYPE: import.meta.env.VUE_APP_GRANT_TYPE, //sso接口的固定字段
            VUE_APP_REDISKEY: import.meta.env.VUE_APP_REDISKEY, //sso-redisKey
            VUE_APP_SESSIONSTORAGE_GUID: import.meta.env.VUE_APP_SESSIONSTORAGE_GUID, //sso-sessionStorage_guid
            VUE_APP_SITETOKEN: import.meta.env.VUE_APP_SITETOKEN, //sso-token_key
            VUE_APP_SERVER_REDIS: import.meta.env.VUE_APP_SERVER_REDIS //sso-redisServerUrl
        }
    }
}).use(createPinia()).mount("#app")