@smart100/spu-web-plugin 0.0.1

package/src/location.ts

@@ -0,0 +1,187 @@
+import AMapLoader from './AMapLoader'
+import { cloneDeep } from 'lodash-es'
+import urlquery from './urlquery'
+
+
+type Location = {
+  longitude: string;
+  latitude: string;
+  address: string;
+  [propName: string]: any;
+} | null
+
+let AMap: any = null
+let geocoder: any = null
+let geolocation: any = null
+let datetime: number | null = null
+let lastLocation: Location = null
+let runing = false
+let locationPromise: Promise<Location>
+
+
+const init = async () => {
+  if (!AMap) {
+    AMap = await AMapLoader.load({
+      plugins: ['AMap.Geolocation', 'AMap.Geocoder']
+    })
+    geocoder = new AMap.Geocoder({
+      city: '',
+      radius: 500
+    })
+    geolocation = new AMap.Geolocation({
+      enableHighAccuracy: true,
+      timeout: 3000
+    })
+  }
+}
+
+const getAmapLocation = async (): Promise<Location> => {
+  await init()
+  return new Promise((resolve, reject) => {
+    geolocation.getCurrentPosition((status: string, result: any) => {
+      if (status === 'complete') {
+        const { lng, lat } = result.position
+        // console.log('getAmapLocation success')
+        resolve({
+          longitude: lng.toString(),
+          latitude: lat.toString(),
+          address: ''
+        })
+      } else {
+        // reject(new Error('getAmapLocation fail'))
+        console.error('getAmapLocation fail')
+        resolve(null)
+      }
+    })
+  })
+}
+
+const getSpuLocation = async (): Promise<Location> => {
+  return new Promise((resolve, reject) => {
+    window.Native.getLocation((result: any, error: any, status: any) => {
+      // console.log('getLocation result', result)
+      // console.log('getLocation error', error)
+      // console.log('getLocation status', status)
+      if (result && result?.longitude && result?.latitude) {
+        resolve({
+          longitude: result.longitude.toString(),
+          latitude: result.latitude.toString(),
+          address: result.address || ''
+        })
+      } else {
+        console.error('getSpuLocation fail')
+        resolve(null)
+      }
+    })
+  })
+}
+
+const getAmapCityLocation = async (): Promise<Location> => {
+  await init()
+  return new Promise((resolve, reject) => {
+    geolocation.getCityInfo((status: string, result: any) => {
+      if (status === 'complete') {
+        const lng = result.position[0].toString()
+        const lat = result.position[1].toString()
+        // console.log('getAmapCityLocation success')
+        // resolve([lng, lat])
+        resolve({
+          longitude: lng.toString(),
+          latitude: lat.toString(),
+          address: ''
+        })
+      } else {
+        // reject(new Error('getAmapCityLocation fail'))
+        console.error('getAmapCityLocation fail')
+        resolve(null)
+      }
+    })
+  })
+}
+
+const getAddress = async (position: Location): Promise<string> => {
+  await init()
+  return new Promise((resolve, reject) => {
+    if (position) {
+      geocoder.getAddress([position.longitude, position.latitude], (status: string, result: any) => {
+        if (status === 'complete' && result.regeocode) {
+          resolve(result.regeocode.formattedAddress)
+        } else {
+          // reject(new Error('getAddress fail'))
+          console.error('getAddress fail')
+          resolve('')
+        }
+      })
+    }
+  })
+}
+
+// 定位流程: 缓存 > 判断环境（APP，小程序，企微）基于环境获取定位 > 高德地图高精度定位 > 百度地图定位 > 高德城市定位
+const getLocationPromise = async (): Promise<Location> => {
+  let location: Location = null
+
+  // 在 SPU 容器里使用 Native-API 的定位
+  if (window?.Native?.getLocation) {
+    location = await getSpuLocation()
+  }
+
+  // 高德定位
+  if (!location) {
+    location = await getAmapLocation()
+  }
+
+  // 城市定位结果不精确 仅在开发模式下使用
+  // if (!location && process.env.NODE_ENV !== 'production') {
+  if (!location && urlquery.isvirtuallocation) {
+    location = await getAmapCityLocation()
+  }
+
+  // 测试虚拟定位
+  if (!location && urlquery.isvirtuallocation) {
+    location = {
+      longitude: '113.34331353081598',
+      latitude: '23.105349663628473',
+      address: ''
+    }
+  }
+
+  if (location && !location.address) {
+    location.address = await getAddress(location) || '经纬度获取成功，但地址获取失败。'
+  }
+
+  return location
+}
+
+
+const getLocation = async () => {
+  await init()
+  // debugger
+  // 缓存30秒
+  if (datetime && Date.now() - datetime <= 30000 && lastLocation && !runing) {
+    return cloneDeep(lastLocation)
+  }
+  // 兼容同时间发起多个
+  if (runing && locationPromise) {
+    return locationPromise
+  }
+  // console.log('runing')
+  runing = true
+  locationPromise = getLocationPromise()
+  const locationRes = await locationPromise
+  runing = false
+  if (locationRes) {
+    datetime = Date.now()
+    lastLocation = locationRes
+  }
+  return locationRes
+}
+
+const getDistance = async (p1: [number, number], p2: [number, number]) => {
+  await init()
+  return AMap.GeometryUtil.distance(p1, p2)
+}
+
+export {
+  getLocation,
+  getDistance
+}

package/src/login.ts

@@ -0,0 +1,248 @@
+import { cloneDeep } from 'lodash-es'
+import jwtDecode from 'jwt-decode'
+import { apaasAxios } from './axios'
+import tenantInfo from './tenantInfo'
+import { lsProxy } from './storageProxy'
+
+type JwtResult = {
+  LoginUser: IAny
+  exp: number
+} | null
+
+class Login {
+  private cache: IAny = {}
+
+  private getData (key: string) {
+    if (this.cache[key]) {
+      return this.cache[key]
+    } else {
+      const data = lsProxy.getItem(key)
+      this.cache[key] = data
+      return data
+    }
+  }
+
+  private setData (key: string, value: any) {
+    this.cache[key] = value
+    lsProxy.setItem(key, value)
+  }
+
+  private removeData (key: string) {
+    delete this.cache[key]
+    lsProxy.removeItem(key)
+  }
+
+  getEnvname () {
+    return this.getData('envname')
+  }
+
+  setEnvname (value: string) {
+    this.setData('envname', value)
+  }
+
+  removeEnvname () {
+    this.removeData('envname')
+  }
+
+  getToken () {
+    return this.getData('token')
+  }
+
+  setToken (value: string) {
+    this.setData('token', value)
+  }
+
+  removeToken () {
+    this.removeData('token')
+  }
+
+  getTokenExpires () {
+    return this.getData('tokenexpires')
+  }
+
+  setTokenExpires (value: string) {
+    this.setData('tokenexpires', value)
+  }
+
+  removeTokenExpires () {
+    this.removeData('tokenexpires')
+  }
+
+  getRefreshToken () {
+    return this.getData('refreshtoken')
+  }
+
+  setRefreshToken (value: string) {
+    this.setData('refreshtoken', value)
+  }
+
+  removeRefreshToken () {
+    this.removeData('refreshtoken')
+  }
+
+  private updateToken () {
+    return apaasAxios.get('/api/auth/refreshtoken', {
+      params: {
+        refreshtoken: this.getRefreshToken()
+      },
+      isShowLoadding: false,
+      isShowErrorMessage: false
+    }).then((res: any) => {
+      // console.log(res)
+      const data = res?.data
+      if (data) {
+        this.setToken(data.token)
+        this.setRefreshToken(data.refreshtoken)
+        this.setTokenExpires(data.tokenexpires)
+      }
+    })
+  }
+
+  private refreshtokenTimer: number | null = null
+
+  startRefreshtoken () {
+    // 如果有登录 则过期前15秒更新token
+    // 如果没登录 每隔1分钟走token更新逻辑(如果刚开始没登录 后面才登录【不需要再在登陆后写刷新token逻辑】)
+    this.stopRefreshtoken()
+    const time = this.checkLogin() ? (Number(this.getTokenExpires()) - Date.now() - 1000 * 15) : (1000 * 60)
+    // const time = 5000
+    if (time > 0) {
+      this.refreshtokenTimer = window.setTimeout(async () => {
+        if (this.checkLogin()) {
+          await this.updateToken()
+        }
+        this.startRefreshtoken()
+      }, time)
+    }
+  }
+
+  private stopRefreshtoken () {
+    clearTimeout(this.refreshtokenTimer as number)
+    this.refreshtokenTimer = null
+  }
+
+  getUser (key?: string): any {
+    const user = this.getData('user')
+    const userObj = user ? JSON.parse(user) : null
+    if (!key) {
+      return userObj
+    } else {
+      return userObj ? (userObj[key] || '') : ''
+    }
+  }
+
+  setUser (value: string | IAny) {
+    let res
+    if (typeof value === 'string') {
+      res = JSON.parse(value)
+    } else {
+      res = cloneDeep(value)
+    }
+
+    for (const x in res) {
+      res[x.toLowerCase()] = res[x]
+    }
+
+    this.setData('user', JSON.stringify(res))
+  }
+
+  setUserByToken (token: string) {
+    const jwtInfo = this.jwtDecode(token)
+    if (jwtInfo && jwtInfo.LoginUser) {
+      this.setUser(jwtInfo.LoginUser)
+    } else {
+      this.removeUser()
+    }
+  }
+
+  removeUser () {
+    this.removeData('user')
+  }
+
+  private jwtDecode (token?: string) {
+    if (!token) {
+      console.error('token为空 jwt解析token出错')
+      return null
+    }
+    try {
+      return jwtDecode<JwtResult>(token)
+    } catch (e) {
+      console.error('jwt解析token出错', token, e)
+      return null
+    }
+  }
+
+  // 检测用户是否登录状态
+  checkLogin () {
+    let haslogged = false
+    const token = this.getToken()
+    const refreshtoken = this.getRefreshToken()
+    const tokenexpires = this.getTokenExpires()
+    const now = Date.now()
+    if (token && refreshtoken && tokenexpires && Number(tokenexpires) > now) {
+      // 优化成用 jwt 解析token 获取过期时间 不需要请求接口
+      const jwtInfo = this.jwtDecode(token)
+      if (jwtInfo?.exp) {
+        haslogged = Number(jwtInfo.exp + '000') > now
+      } else {
+        haslogged = false
+      }
+    }
+    return haslogged
+  }
+
+  // 单点登录
+  async singleLogin (query: IAny) {
+    // 自动登录
+    query = cloneDeep(query)
+    const token = query.token
+    // 之所以不强制校验 refreshtoken tokenexpires 是因为安装卸载配置页面有可能放在产品运营中心 没有这两字段
+    if (token) {
+      this.setToken(token)
+      this.setUserByToken(token) // 解析token为用户信息存入
+
+      const refreshtoken = query.refreshtoken
+      const tokenexpires = query.tokenexpires
+      if (refreshtoken) {
+        this.setRefreshToken(refreshtoken)
+      }
+      if (tokenexpires) {
+        this.setTokenExpires(tokenexpires)
+      }
+      // debugger
+
+      // context 上下文字段 产品运营中心安装 卸载 配置 和 产品配置中心业务配置 页面需要用到
+      let context = query.context
+      if (context) {
+        context = decodeURIComponent(context)
+        lsProxy.setItem('context', context)
+        delete query.context
+      }
+
+      // const tenant = await apassRequest.get('/api/auth/tenantlist', {}).then((res) => {
+      //   return res?.data?.tenants?.[0]
+      // })
+      // if (tenant) {
+      //   lsProxy.setItem('tenant', JSON.stringify(tenant))
+      //   const normalizedTenant = tenantInfoApi.format(tenant as Tenant)
+      //   normalizedTenant && tenantInfoApi.save(normalizedTenant)
+      // }
+      // console.log(tenant)
+
+      await tenantInfo.getAndSave()
+      // debugger
+    } else {
+      console.error('query 中没有 token，无法单点登录。')
+    }
+    // 单点登录后 无论是否成功 都需要删除 query 中相关参数
+    delete query.token
+    delete query.refreshtoken
+    delete query.tokenexpires
+    delete query.context
+    return {
+      query
+    }
+  }
+}
+
+export default new Login()

package/src/oss/downloadService.ts

@@ -0,0 +1,192 @@
+import CloudServ from '../cloudServ'
+import { initServToken } from './servtoken'
+import OSS from '../package/ali-oss/aliyun-oss-sdk.apaas.min.js'
+// import * as OSS from '../package/ali-oss/aliyun-oss-sdk.apaas.min.js'
+// const OSS = require('../package/ali-oss/aliyun-oss-sdk.apaas.min.js')
+import ObsClient from '../package/huaweicloud-obs/esdk-obs-browserjs.3.22.3.min.js'
+// import * as ObsClient from '../package/huaweicloud-obs/esdk-obs-browserjs.3.22.3.min.js'
+// const ObsClient = require('../package/huaweicloud-obs/esdk-obs-browserjs.3.22.3.min.js')
+import dayjs from 'dayjs'
+import login from '../login'
+// import { get } from 'lodash-es'
+// import qs from 'qs'
+
+// function getUrlPaths(url: string): string[] {
+//   let path = url.split('?')[0]
+//   if (!path) return []
+//   path = path.replace('http://', '')
+//   path = path.replace('https://', '')
+//   return path.split('/')
+// }
+
+// console.log(OSS)
+// debugger
+const getContentType = (suffix: string) => {
+  const map: IAny = {
+    '.jpg': 'image/jpeg',
+    '.jpeg': 'image/jpeg',
+    '.png': 'image/png',
+    '.gif': 'image/gif'
+    // '.xlsx': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+  }
+  return map[suffix.toLowerCase()] || ''
+}
+
+// interface UrlInfo {
+//   [propName: string]: {
+//     url: string
+//     outTime: number
+//   }
+// }
+
+// /**
+//  * @Description: 缓存DownloadUrl
+//  * @author: hyl
+//  */
+// const cacheUrlInfo: UrlInfo = {}
+
+// function setCacheUrl(key: string, url: string, expires: number) {
+//   const thisTime = new Date().getTime()
+//   let diff = expires * 1000 - thisTime
+//   if (diff < 0) return
+//   // 最多只缓存20分钟
+//   if (diff > 1000 * 60 * 20) diff = 1000 * 60 * 20
+//   const outTime = thisTime + diff
+//   cacheUrlInfo[key] = {
+//     url,
+//     outTime
+//   }
+// }
+
+
+type Cope = { width?: number, height?: number } | string | boolean
+
+const getNormalizeAliOssCope = (cope?: Cope) => {
+  let copeObj = ''
+  if (cope) {
+    if (cope === true) {
+      copeObj = 'image/resize,m_fixed,w_100,h_100'
+    } else if (typeof cope === 'string') {
+      // 'image/resize,m_fixed,w_100,h_100'
+      copeObj = cope
+    } else if (cope.width || cope.height) {
+      copeObj = 'image/resize,m_fixed'
+      if (cope.width) {
+        copeObj += `,w_${cope.width}`
+      }
+      if (cope.height) {
+        copeObj += `,h_${cope.height}`
+      }
+    }
+  }
+  return copeObj
+}
+
+
+interface IDownload {
+  type?: 'att' | 'img',
+  source: string,
+  datetime: string | number,
+  storagetype?: StorageType,
+  cope?: Cope
+}
+
+// 根据文件信息最后生成一个云文件服务可以用的链接http://xxxxx.xxx.jpg
+const getUrl = async ({
+  type = 'img',
+  source = '',
+  datetime = '',
+  storagetype = 'storage',
+  cope = ''
+}: IDownload) => {
+  const cloudServStorage = CloudServ.get(storagetype)
+  if (!cloudServStorage) throw Error('无可用存储设置')
+  const servToken = await initServToken()
+  if (!servToken) throw Error('无可用servToken')
+
+  const isAliYun = CloudServ.isAliyun(storagetype)
+  const isHuawei = CloudServ.isHuawei(storagetype)
+  const tenantCode = login.getUser('tenantcode')
+  const isAbsoluteUrl = !!source.match(/\/att\//) || !!source.match(/\/img\//) || !!source.match(/att\//) || !!source.match(/img\//)
+  const suffix = source.slice(source.lastIndexOf('.'))
+  const date = dayjs(+datetime).format('YYYYMMDD')
+  let objectKey = isAbsoluteUrl ? source : `${source.slice(0, 3)}/${type}/${date}/${tenantCode}/${source}`
+  const copeObj = getNormalizeAliOssCope(cope)
+  const contentType = getContentType(suffix)
+
+  if (isAliYun) {
+    const ossClient = new OSS({
+      // region: cloudServ.cloudserv_storage_storageendpoint,
+      endpoint: cloudServStorage.cloudserv_storage_storageendpoint,
+      accessKeyId: servToken.accesskeyid,
+      accessKeySecret: servToken.accesskeysecret,
+      stsToken: servToken.securitytoken,
+      bucket: cloudServStorage.cloudserv_storage_storagebucket,
+      secure: true
+    })
+
+    // TODO 这两个请求头不能改顺序，不知道什么情况！！改了顺序会报错
+    const responseHeader: IAny = {
+      // 'content-type': contentType || undefined,
+      'content-disposition': 'attachment; filename=' + (source && encodeURIComponent(source)) // 阿里云提供的下载名字
+    }
+    if (contentType) {
+      responseHeader['content-type'] = contentType
+    }
+
+    const ossUrl = ossClient.signatureUrl(objectKey, {
+      response: responseHeader,
+      process: copeObj
+    })
+
+    // // 假阿里云会自动拼cloudserv_storage_storagebucket，这里要去掉
+    // const paths = getUrlPaths(ossUrl)
+    // if (paths.length >= 3 && paths[1] === paths[2]) {
+    //   ossUrl = ossUrl.replace(paths[1] + '/' + paths[2], paths[1])
+    // }
+
+    return ossUrl
+  } else if (isHuawei) {
+    const obs = new ObsClient({
+      access_key_id: servToken.accesskeyid,
+      secret_access_key: servToken.accesskeysecret,
+      server: cloudServStorage.cloudserv_storage_storageendpoint,
+      security_token: servToken.securitytoken
+    })
+    // 修复地址里面有//就不能下载了
+    if (objectKey && objectKey[0] === '/') {
+      objectKey = objectKey.slice(1)
+    }
+    try {
+      const Params: IAny = {
+        // Method: 'get',
+        Bucket: cloudServStorage.cloudserv_storage_storagebucket,
+        Key: objectKey
+        // Headers: responseHeader
+        // Expires: 3600,
+        // Headers: headers
+      }
+      if (contentType.startsWith('image') && copeObj) {
+        Params.QueryParams = {
+          'x-image-process': copeObj
+        }
+      }
+      const res = obs.createSignedUrlSync(Params)
+      const signedUrl = res.SignedUrl
+
+      // const expires = get(qs.parse(signedUrl), 'Expires') as string
+      // if (expires) setCacheUrl(cacheKey, signedUrl, +expires)
+
+      return signedUrl
+    } catch (e: any) {
+      console.error(e)
+      throw Error(e)
+    }
+  } else {
+    throw Error('暂不支持非阿里云OSS/华为云OBS存储类型')
+  }
+}
+
+export default {
+  getUrl
+}

package/src/oss/index.ts

@@ -0,0 +1,8 @@
+
+import downloadService from './downloadService'
+import uploadService from './uploadService'
+
+export {
+  downloadService,
+  uploadService
+}