@smart100/spu-web-plugin 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smart100/spu-web-plugin",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "",
   "scripts": {
     "dev": "npm run build:types && rollup -c -w",
@@ -29,6 +29,7 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.5",
+    "@types/crypto-js": "^4.2.2",
     "@types/lodash-es": "^4.17.10",
     "@types/node": "^20.8.10",
     "postcss": "^8.4.31",
@@ -42,9 +43,11 @@
     "aws-sdk": "^2.1692.0",
     "axios": "^1.6.0",
     "co": "^4.6.0",
+    "crypto-js": "^4.2.0",
     "dayjs": "^1.11.10",
     "jwt-decode": "^3.1.2",
     "lit": "^3.1.4",
+    "localforage": "^1.10.0",
     "lodash-es": "^4.17.21",
     "uuid": "^9.0.1",
     "vconsole": "^3.15.1"

package/src/apaasSpuTrack.ts

@@ -1,20 +1,19 @@
 import { globalOptions } from './index'
-import { Module } from './core'
+import core from './core'
 import { cloneDeep, merge, set } from 'lodash-es'
 import { getUser, checkLogin } from './login'
-import core from './core'
+import { getEnvname } from './envService'
 
 // @ts-ignore
 import ApaasSpuTrack from './package/apaas-track/apaas-spu/index.umd.js'
 // import ApaasSpuTrack from './package/apaas-track/apaas-spu/index.js'
 // import * as ApaasSpuTrack from './package/apaas-track/apaas-spu/index.mjs'
-
 // console.log(ApaasSpuTrack)
 // console.log(window.ApaasSpuTrack)
 
 const getWebInitParams = async () => {
   const user = getUser()
-  const envname = await Module.getEnvname()
+  const envname = await getEnvname()
   return {
     project: globalOptions.modulename,
     appid: globalOptions.modulekey,

package/src/axios.ts

@@ -5,6 +5,7 @@ import { loadding } from './components/loadding'
 import { getToken, updateToken, getLoginState } from './login'
 import core from './core'
 import { urlquery } from './urlquery'
+import { getTecode } from './envService'
 
 interface Response {
   code: number | string
@@ -74,6 +75,16 @@ const createAxiosInstance = (type: 'spu' | 'normal' = 'spu', options: any) => {
         }
       }
 
+      if (type !== 'spu') {
+        const isSendTecode = get(config, 'isSendTecode', false)
+        if (isSendTecode) {
+          const tecode = getTecode()
+          if (config?.headers && tecode) {
+            config.headers.tecode = tecode
+          }
+        }
+      }
+
       return config
     },
     (error) => {

package/src/core.js

@@ -2,35 +2,8 @@ import { globalOptions } from './index'
 import { axios } from './axios'
 import { get, cloneDeep } from 'lodash-es'
 import { urlquery } from './urlquery'
-import { getToken, getEnvname, getUser, getRefreshToken, getTokenExpires } from './login'
-
-const urlIsIp = (url) => {
-  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 前缀
-const toggleHttpOrHttps = (url) => {
-  let res = url
-
-  if (urlIsIp(url)) return res
-
-  if (!res.startsWith(location.protocol)) {
-    const arr = res.split('//')
-    arr[0] = location.protocol
-    res = arr.join('//')
-  }
-  return res
-}
+import { getToken, getUser, getRefreshToken, getTokenExpires } from './login'
+import { getEnvname, getEnvdata } from './envService'
 
 class Core {
   loadStatus = 0 // 0未开始 1正在加载 2加载完成
@@ -42,15 +15,48 @@ class Core {
     webDefineData: null
   }
 
-  clearCache() {
-    this.loadStatus = 0
-    this.cache = {
-      envName: '',
-      envData: null,
-      tenantCode: '',
-      webDefineData: null
+  // isinit = false
+  // async init() {
+  //   if (this.isinit) return
+  //   this.cache.tenantCode = getUser('tenantcode') || ''
+  //   this.cache.envName = await getEnvname()
+  //   this.cache.envData = await getEnvdata()
+  //   this.cache.webDefineData = await this.requestWebDefineData()
+  //   this.isinit = true
+  // }
+
+  // async getCache() {
+  //   if (this.isinit) {
+  //     return this.cache
+  //   } else {
+  //     await this.init()
+  //     return this.cache
+  //   }
+  // }
+
+  requestDataPromise = null
+
+  async initGetData() {
+    const nowEnvname = await getEnvname()
+    const nowTenantCode = getUser('tenantcode') || ''
+    // console.log(tenantCode)
+    if (this.cache.envName === nowEnvname && this.cache.tenantCode === nowTenantCode && this.loadStatus === 2) {
+      return this.cache
     }
-    this.requestDataPromise = null
+
+    // 兼容同时间发起多个
+    if (this.loadStatus === 1 && this.requestDataPromise) {
+      // console.error(2122)
+      // console.log(this.requestDataPromise)
+      // debugger
+      return this.requestDataPromise
+    }
+
+    this.loadStatus = 1
+    this.requestDataPromise = this.requestData()
+    await this.requestDataPromise
+    this.loadStatus = 2
+    return this.cache
   }
 
   // 请求实时G3数据
@@ -59,40 +65,11 @@ class Core {
     const nowTenantCode = getUser('tenantcode') || ''
     this.cache.envName = nowEnvname
     this.cache.tenantCode = nowTenantCode
-    this.cache.envData = await this.requestEnvData(nowEnvname)
+    this.cache.envData = await getEnvdata()
     this.cache.webDefineData = await this.requestWebDefineData()
     return this.cache
   }
 
-  async requestEnvData(envName) {
-    // envName = '产品运营中心验证'
-    let result = null
-    if (envName) {
-      const hostsRoot =
-        document.location.protocol === 'https:'
-          ? 'https://mconfig.xuantongkeji.com'
-          : 'http://mconfig.xuantongkeji.com:8015'
-      let response
-      try {
-        response = await axios.get(`${hostsRoot}/multiplatconfig/env/${envName}`, {
-          isShowLoading: false,
-          isSendToken: false
-        })
-        // console.log(response)
-        // debugger
-        result = get(response, 'data.0')
-
-        // 如果是非ip地址 则切换为与主页面一样的 location.protocol 前缀
-        result?.business && (result.business = toggleHttpOrHttps(result.business))
-        result?.smartcenter && (result.smartcenter = toggleHttpOrHttps(result.smartcenter))
-        // debugger
-      } catch (err) {
-        console.error(err)
-      }
-    }
-    return result
-  }
-
   async requestWebDefineData() {
     const envId = this.cache.envData?.envid
     const tenantCode = this.cache.tenantCode
@@ -142,30 +119,6 @@ class Core {
     return result
   }
 
-  requestDataPromise = null
-  async initGetData() {
-    const nowEnvname = await getEnvname()
-    const nowTenantCode = getUser('tenantcode') || ''
-    // console.log(tenantCode)
-    if (this.cache.envName === nowEnvname && this.cache.tenantCode === nowTenantCode && this.loadStatus === 2) {
-      return this.cache
-    }
-
-    // 兼容同时间发起多个
-    if (this.loadStatus === 1 && this.requestDataPromise) {
-      // console.error(2122)
-      // console.log(this.requestDataPromise)
-      // debugger
-      return this.requestDataPromise
-    }
-
-    this.loadStatus = 1
-    this.requestDataPromise = this.requestData()
-    await this.requestDataPromise
-    this.loadStatus = 2
-    return this.cache
-  }
-
   async getEnvData() {
     const res = {
       errorMsg: '',

package/src/crypt.ts

@@ -0,0 +1,62 @@
+import CryptoJS from 'crypto-js'
+
+// 二进制转字符串
+function byteToString(arr: any[]): string {
+  let str = ''
+  const _arr = arr
+  for (let i = 0; i < _arr.length; i++) {
+    const one = _arr[i].toString(2)
+    const v = one.match(/^1+(?=0)/)
+    if (v && one.length === 8) {
+      const bytesLength = v[0].length
+      let store = _arr[i].toString(2).slice(7 - bytesLength)
+      for (let st = 1; st < bytesLength; st++) {
+        store += _arr[st + i].toString(2).slice(2)
+      }
+      str += String.fromCharCode(Number.parseInt(store, 2))
+      i += bytesLength - 1
+    } else {
+      str += String.fromCharCode(_arr[i])
+    }
+  }
+  return str
+}
+
+const key = byteToString([0x36, 0x31, 0x33, 0x30, 0x32, 0x32, 0x32, 0x32, 0x32])
+
+// 加密算法
+function encrypt(dataString: string) {
+  // ENC加密
+  const keyHex = CryptoJS.enc.Utf8.parse(key)
+  const encrypted = CryptoJS.DES.encrypt(dataString, keyHex, {
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7
+  })
+  // base64加密
+  const base64 = encrypted.ciphertext.toString(CryptoJS.enc.Base64)
+  return base64
+}
+
+// 解密算法
+function decrypt(base64: string) {
+  // base64解密
+  const encryptedString = CryptoJS.enc.Base64.parse(base64)
+  const ciphertext = encryptedString.toString()
+  // ENC解密
+  const keyHex = CryptoJS.enc.Utf8.parse(key)
+
+  const decrypted = CryptoJS.DES.decrypt(
+    {
+      ciphertext: CryptoJS.enc.Hex.parse(ciphertext)
+    } as any,
+    keyHex,
+    {
+      mode: CryptoJS.mode.ECB,
+      padding: CryptoJS.pad.Pkcs7
+    }
+  )
+  const result = decrypted.toString(CryptoJS.enc.Utf8)
+  return result
+}
+
+export { encrypt, decrypt }

package/src/envService.ts

@@ -0,0 +1,124 @@
+import { get, cloneDeep } from 'lodash-es'
+import { lsProxy } from './storageProxy'
+import { axios } from './axios'
+import { decrypt } from './crypt'
+import { toggleHttpOrHttps } from './utils'
+import { getData, setData, removeData } from './storageCache'
+
+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')
+}
+
+async function requestEnvdata(envName: string): Promise<IAny | null> {
+  // envName = '产品运营中心验证'
+  let result = null
+  if (envName) {
+    const hostsRoot =
+      document.location.protocol === 'https:'
+        ? 'https://mconfig.xuantongkeji.com'
+        : 'http://mconfig.xuantongkeji.com:8015'
+    try {
+      const res = await axios.get(`${hostsRoot}/multiplatconfig/env/${envName}`, {
+        isShowLoading: false,
+        isSendToken: false
+      })
+      // console.log(res)
+      // debugger
+      result = get(res, 'data.0')
+
+      // 如果是非ip地址 则切换为与主页面一样的 location.protocol 前缀
+      result?.business && (result.business = toggleHttpOrHttps(result.business))
+      result?.smartcenter && (result.smartcenter = toggleHttpOrHttps(result.smartcenter))
+      // debugger
+    } catch (err) {
+      console.error(err)
+    }
+  }
+  return result
+}
+
+function saveEnvdata(envdata: IAny) {
+  lsProxy.setItem('envdata', JSON.stringify(envdata))
+}
+
+function removeEnvdata() {
+  lsProxy.removeItem('envdata')
+}
+
+async function getEnvdata(): Promise<IAny | null> {
+  const envdataStr = lsProxy.getItem('envdata')
+
+  if (envdataStr) {
+    return JSON.parse(envdataStr)
+  } else {
+    const envname = await getEnvname()
+    if (envname) {
+      const envdata = await requestEnvdata(envname)
+      return envdata
+    } else {
+      return null
+    }
+  }
+}
+
+function setTecode(tecode: string) {
+  setData('tecode', tecode)
+}
+
+function removeTecode() {
+  removeData('tecode')
+}
+
+function getTecode() {
+  return getData('tecode')
+}
+
+export {
+  getEnvname,
+  setQueryEnvname,
+  getQueryEnvname,
+  removeQueryEnvname,
+  requestEnvdata,
+  saveEnvdata,
+  removeEnvdata,
+  getEnvdata,
+  setTecode,
+  removeTecode,
+  getTecode
+}

package/src/index.ts

@@ -42,6 +42,7 @@ const getDefaultGlobalOptions = () => {
     modulekey: arr[1] || '',
     moduleversion: arr[2] || '',
     storageproxyprefix: '',
+    singleLoginCallback: null,
     router: null
   }
 }
@@ -52,11 +53,6 @@ const install = (app: any, options: any) => {
   // console.log(app)
   // console.log(app.version)
   merge(globalOptions, options)
-  console.log(`@smart100/spu-web-plugin@${version} install!`)
-  console.log(`@smart100/spu-web-plugin@${version} userOptions`)
-  console.log(options)
-  console.log(`@smart100/spu-web-plugin@${version} globalOptions`)
-  console.log(globalOptions)
 
   installStorageProxy(globalOptions)
   installUrlquery()
@@ -67,8 +63,14 @@ const install = (app: any, options: any) => {
   installApaasSpuTrack()
   installTest(globalOptions)
 
+  console.log(`@smart100/spu-web-plugin@${version} install!`)
+  console.log(`@smart100/spu-web-plugin@${version} userOptions`)
+  console.log(options)
+  console.log(`@smart100/spu-web-plugin@${version} globalOptions`)
+  console.log(globalOptions)
+
   // setTimeout(() => {
-  //   console.error('test998898')
+  //   console.error('5416546544')
   // }, 1000)
 
   // if (install.installed) return