ursa-sso
v0.0.28
Published
工具集分为两类: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' imp
Downloads
8
Readme
#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")