@smart100/spu-web-plugin 1.0.5 → 1.0.7

package/src/login.ts

@@ -1,78 +1,29 @@
-import { cloneDeep } from 'lodash-es'
+import { get, cloneDeep } from 'lodash-es'
 import jwtDecode from 'jwt-decode'
 import { lsProxy } from './storageProxy'
 import { axios } from './axios'
 import cloudServ from './cloudServ'
 import core from './core'
 import { urlquery } from './urlquery'
+import { decrypt } from './crypt'
+import { getData, setData, removeData } from './storageCache'
+import {
+  setQueryEnvname,
+  removeQueryEnvname,
+  requestEnvdata,
+  getEnvname,
+  removeEnvdata,
+  saveEnvdata,
+  setTecode,
+  removeTecode,
+  getTecode
+} from './envService'
 
 type JwtResult = {
   LoginUser: IAny
   exp: number
 } | null
 
-const cache: IAny = {}
-
-function getData(key: string) {
-  if (cache[key]) {
-    return cache[key]
-  } else {
-    const data = lsProxy.getItem(key)
-    cache[key] = data
-    return data
-  }
-}
-
-function setData(key: string, value: any) {
-  cache[key] = value
-  lsProxy.setItem(key, value)
-}
-
-function removeData(key: string) {
-  delete cache[key]
-  lsProxy.removeItem(key)
-}
-
-async function getEnvname(): Promise<string> {
-  let envname = ''
-
-  // web 查 context 的 envname
-  let context: any = lsProxy.getItem('context')
-  context && (context = JSON.parse(context))
-  const contextEnvname = context?.envname || ''
-
-  // 链接有些spu可能会传 envname
-  const queryEnvname = getQueryEnvname()
-
-  if (contextEnvname) {
-    envname = contextEnvname
-  } else if (queryEnvname) {
-    envname = queryEnvname
-  } else if (window?.aPaaS?.getWebInitParams && window?.Native?.setNavigationBarReturnButton) {
-    // 手机端 查 envname
-    // 只有手机端有 setNavigationBarReturnButton 方法
-    envname = await new Promise((resolve, reject) => {
-      window.aPaaS.getWebInitParams((params: any) => {
-        resolve(params?.envname || '')
-      })
-    })
-  }
-
-  return envname
-}
-
-function setQueryEnvname(value: string) {
-  setData('envname', value)
-}
-
-function getQueryEnvname() {
-  return getData('envname') || ''
-}
-
-function removeQueryEnvname() {
-  removeData('envname')
-}
-
 function getToken() {
   return getData('token')
   // return lsProxy.getItem('token') as string
@@ -136,9 +87,9 @@ function updateToken() {
       isShowLoading: false,
       isShowErrorMessage: false,
       isSendToken: false,
+      isSendTecode: true,
       headers: {
-        token: sendToken,
-        tecode: getUser('tenantcode')
+        token: sendToken
       }
     })
     .then((res: any) => {
@@ -260,7 +211,7 @@ function parseToken(token?: string) {
 }
 
 // // 产品运营中心token
-// {
+// const token = {
 //   "LoginUser": {
 //     "appId": "100",
 //     "tenantCode": "1656652",
@@ -283,7 +234,7 @@ function parseToken(token?: string) {
 // }
 
 // // 租户token
-// {
+// const token = {
 //   "exp": 1720161305,
 //   "LoginUser": {
 //     "accountInfoCode": "1803686723986010112",
@@ -326,6 +277,7 @@ function parseToken(token?: string) {
 //     "isSmsLogin": false
 //   }
 // }
+
 // 查询token所属登录角色
 // tenant: 普通租户登录 默认
 // center: 产品运营中心登录 单点登录时只带 token 没带 refreshtoken 和 tokenexpires
@@ -493,6 +445,40 @@ async function getAndSetTenant(tenantcode?: string) {
   }
 }
 
+async function requestAndSetTenantSetting(tenantcode?: string) {
+  try {
+    const res = await axios.post(
+      '/api/auth/tenantsettings',
+      {
+        tenantcode: tenantcode || ''
+      },
+      {
+        isSendToken: false,
+        isSendTecode: true,
+        isShowErrorMessage: false
+      }
+    )
+
+    let tenantSetting = res?.data?.resp_data?.econfig || ''
+    if (tenantSetting) {
+      tenantSetting = decrypt(tenantSetting)
+    }
+    // console.log(tenantSetting)
+    if (tenantSetting) {
+      lsProxy.setItem('tenantsetting', tenantSetting)
+    } else {
+      removeTenantSetting()
+    }
+  } catch (err) {
+    console.error(err)
+    removeTenantSetting()
+  }
+}
+
+function removeTenantSetting() {
+  lsProxy.removeItem('tenantsetting')
+}
+
 // 单点登录
 async function singleLogin(query: IAny) {
   query = cloneDeep(query)
@@ -504,6 +490,17 @@ async function singleLogin(query: IAny) {
   const envname = query.envname
   const context = query.context
 
+  function setBaseInfo() {
+    setToken(token)
+    setUserByToken(token) // 解析token为用户信息存入
+    refreshtoken ? setRefreshToken(refreshtoken) : removeRefreshToken()
+    tokenexpires ? setTokenExpires(tokenexpires) : removeTokenExpires()
+    envname ? setQueryEnvname(envname) : removeQueryEnvname()
+    // context 上下文字段 产品运营中心安装 卸载 配置 和 产品配置中心业务配置 页面需要用到
+    // web 端有传 app没传 需要做兼容
+    context && lsProxy.setItem('context', decodeURIComponent(context))
+  }
+
   if (checkLoginByToken(token)) {
     let isneedlogin = true // 是否需要走单点登录流程
     const loginRole = getRoleByToken(token)
@@ -527,24 +524,18 @@ async function singleLogin(query: IAny) {
         flag = true
       }
     }
+    // isneedlogin = true
+    // debugger
 
     if (isneedlogin) {
-      setToken(token)
-      setUserByToken(token) // 解析token为用户信息存入
-
-      refreshtoken ? setRefreshToken(refreshtoken) : removeRefreshToken()
-      tokenexpires ? setTokenExpires(tokenexpires) : removeTokenExpires()
-      envname ? setQueryEnvname(envname) : removeQueryEnvname()
-
-      // context 上下文字段 产品运营中心安装 卸载 配置 和 产品配置中心业务配置 页面需要用到
-      // web 端有传 app没传 需要做兼容
-      context && lsProxy.setItem('context', decodeURIComponent(context))
+      setBaseInfo()
 
       // 单点登录写入 token 之后 换取完整的 refreshtoken
       try {
         if (checkLogin()) {
-          const user = getUserByToken(getRefreshToken())
-          if (!user?.tokenId) {
+          const refreshTokenUser = getUserByToken(getRefreshToken())
+          const tokenUser = getUserByToken(getToken())
+          if (!refreshTokenUser?.tokenId && tokenUser?.tokenId) {
             updateToken()
           }
         }
@@ -552,7 +543,30 @@ async function singleLogin(query: IAny) {
         console.error(err)
       }
 
-      // 这里兼容报错
+      // 获取环境信息和租户配置信息
+      const nowEnvname = await getEnvname()
+      if (nowEnvname) {
+        const envData = await requestEnvdata(nowEnvname)
+        // debugger
+        if (envData) {
+          saveEnvdata(envData)
+          if (envData.tenantcode) {
+            setTecode(envData.tenantcode)
+            // 租户配置
+            await requestAndSetTenantSetting(envData.tenantcode)
+          } else {
+            removeTenantSetting()
+            removeTecode()
+          }
+        } else {
+          removeEnvdata()
+          removeTecode()
+        }
+      } else {
+        removeEnvdata()
+        removeTecode()
+      }
+
       await getAndSetTenant()
       await getAndSetUserInfo()
 
@@ -563,17 +577,23 @@ async function singleLogin(query: IAny) {
     }
   } else {
     flag = false
-    console.error('没传 token 或所传 token 已过期，无法单点登录。')
+    setBaseInfo() // 传递的token过期依然写入 如果不写入的话 有可能之前的token本来没过期 页面依然可用
+    console.error('单点登录失败，请检查链接所传 token/refreshtoken/tokenexpires 是否非法或过期。')
   }
 
-  // 单点登录后 无论是否成功 都需要删除 query 中相关参数
-  token && delete query.token
-  refreshtoken && delete query.refreshtoken
-  tokenexpires && delete query.tokenexpires
-  envname && delete query.envname
-  context && delete query.context
+  // 登录成功之后 获取spu信息
+  if (flag) {
+    await core.initGetData()
+  }
 
-  // debugger
+  if (flag) {
+    // 单点登录成功 需要删除 query 中相关参数
+    token && delete query.token
+    refreshtoken && delete query.refreshtoken
+    tokenexpires && delete query.tokenexpires
+    envname && delete query.envname
+    context && delete query.context
+  }
 
   return {
     flag,
@@ -594,18 +614,15 @@ function installAuth(options: any) {
       if (to.query.token) {
         const singleLoginRes = await singleLogin(to.query)
         if (singleLoginRes.flag) {
-          // debugger
-          // next()
-          await core.initGetData()
           next({
             path: to.path,
             params: to.params,
             query: singleLoginRes.query
           })
         } else {
-          console.error('单点登录失败，请检查链接所传 token 是否非法或过期。')
           next()
         }
+        options.singleLoginCallback && options.singleLoginCallback(singleLoginRes)
       } else {
         next()
       }
@@ -623,7 +640,6 @@ function installAuth(options: any) {
 
 export {
   installAuth,
-  getEnvname,
   getToken,
   // setToken,
   // removeToken,

package/src/storageCache.ts

@@ -0,0 +1,25 @@
+import { lsProxy } from './storageProxy'
+
+const cache: IAny = {}
+
+function getData(key: string) {
+  if (cache[key]) {
+    return cache[key]
+  } else {
+    const data = lsProxy.getItem(key)
+    cache[key] = data
+    return data
+  }
+}
+
+function setData(key: string, value: any) {
+  cache[key] = value
+  lsProxy.setItem(key, value)
+}
+
+function removeData(key: string) {
+  delete cache[key]
+  lsProxy.removeItem(key)
+}
+
+export { getData, setData, removeData }

package/src/utils.ts

@@ -63,4 +63,41 @@ function isvirtuallocation(): boolean {
   return urlquery.isvirtuallocation
 }
 
-export { isIOS, isMobile, getUniqueid, functionCheck, setTitle, isInApp, isdebugger, isvirtuallocation }
+function urlIsIp(url: string) {
+  const hostname = url.split('://')[1].split(':')[0].split('/')[0]
+  const arr = hostname.split('.')
+  if (arr.length !== 4) return false
+  let flag = true
+  for (let i = 0, len = arr.length; i < len; i++) {
+    if (!Number.isInteger(Number(arr[i]))) {
+      flag = false
+      break
+    }
+  }
+  return flag
+}
+
+// 如果是非ip地址 则切换为与主页面一样的 location.protocol 前缀
+function toggleHttpOrHttps(url: string) {
+  let res = url
+  if (!urlIsIp(res)) {
+    if (!res.startsWith(location.protocol)) {
+      const arr = res.split('//')
+      arr[0] = location.protocol
+      res = arr.join('//')
+    }
+  }
+  return res
+}
+
+export {
+  isIOS,
+  isMobile,
+  getUniqueid,
+  functionCheck,
+  setTitle,
+  isInApp,
+  isdebugger,
+  isvirtuallocation,
+  toggleHttpOrHttps
+}

package/src/nativeApi.ts

@@ -1,57 +0,0 @@
-import { getUser } from './login'
-import core from './core'
-
-class NativeApi {
-  // 已经注入api的或者不同域的就不再注入
-  checkIsCanInject(iframe: any) {
-    try {
-      return !iframe?.contentWindow?.Module || !!iframe?.contentWindow?.Module
-    } catch (err) {
-      console.error(err)
-      console.error(`SPU 容器无法注入 Native-API，url： ${iframe.src}。`)
-      return false
-    }
-  }
-
-  injectApi(iframe: any, options: any) {
-    const modulekey = options.modulekey
-    // const modulekey = 'demospu'
-
-    const Module = {
-      spuContainerType: '',
-      getContextSync() {
-        return core.getContextSync(modulekey)
-      },
-      getIndextagSync: core.getIndextagSync.bind(core),
-      checkPermission: core.checkPermission.bind(core),
-      linkToPage: window?.Module?.linkToPage,
-      linkToModule: window?.Module?.linkToModule,
-      apiRequest: window?.Module?.apiRequest
-    }
-
-    const Native = {
-      // exitPage: window?.Native?.exitPage,
-      getLocation: window?.Native?.getLocation,
-      getSystemInfoSync: window?.Native?.getSystemInfoSync
-    }
-
-    const aPaaS = {
-      getUserInfoSync: getUser,
-      getToken: window?.aPaaS?.getToken
-    }
-
-    iframe.contentWindow.Module = Module
-    iframe.contentWindow.Native = Native
-    iframe.contentWindow.aPaaS = aPaaS
-  }
-
-  inject(iframe: any, options: any) {
-    if (this.checkIsCanInject(iframe) && options?.modulekey) {
-      this.injectApi(iframe, options)
-    }
-  }
-}
-
-const nativeApi = new NativeApi()
-
-export default nativeApi