@conecli/cone-render 0.10.1-beta.4 → 0.10.1-beta.6

package/dist/service/http/colorSign.ts

@@ -1 +1 @@
-import { ServiceInterFace } from '../../interface'
  AppVerifyColorList,
  SHOP_VERIFY_CODE,
  PAGES_VERIFY_CODE,
  B2B_VERITY_CODE,
  PAGES_DOMAIN,
  B2BColorFunctionIdList,
  public fmInfo: {
    eid?: string
    fp?: string
    jsToken?: string
    sdkToken?: string
  } 
  public api: ServiceInterFace.HttpApi
  public paramsSignInstance: any
  public paramsSignPagesInstance: any
  public paramsSignBmallInstance: any
  public isPageDomain: boolean
  constructor() {
    this.api = api
    this.isPageDomain = location?.hostname === PAGES_DOMAIN
    this.paramsSignInstance = undefined
    this.paramsSignPagesInstance = undefined
    this.paramsSignBmallInstance = undefined
    this.fmInfo = {}
    this._initSign()
  }
  
  _getMobileJsToken(): Promise<{
    ok: boolean
    data?: any
    error?: any
  }> {
    return new Promise((resolve, reject) => {
      try {
        if (window?.getJsToken) {
          window.getJsToken(function (res) {
            console.log('JS token 获取结果：', res)
            resolve({
              ok: true,
              data: res,
            })
          }, 600)
        } else {
          reject({
            ok: false,
            error: '没有识别到getJsToken全局方法',
          })
        }
      } catch (e) {
        console.log('获取指纹JS token 异常', e)
        reject({
          ok: false,
          error: e,
        })
      }
    })
  }
  
  async getFmInfo() {
    try {
      const { ok, data } = await this._getMobileJsToken()
      this.fmInfo = ok && data ? data : this.fmInfo
      return this.fmInfo
    } catch (e) {
      console.log('获取指纹信息异常', e)
      return this.fmInfo
    }
  }
  
  _initSign() {
    this.paramsSignInstance = window.PSign
      ? window.PSign
      : window.ParamsSign
      ? this._initParamsSignInstance(SHOP_VERIFY_CODE)
      : null
    this.paramsSignPagesInstance = window.ParamsSign
      ? this._initParamsSignInstance(PAGES_VERIFY_CODE)
      : null
    this.paramsSignBmallInstance = window.ParamsSign
      ? this._initParamsSignInstance(B2B_VERITY_CODE)
      : null
  }
  
  _initParamsSignInstance(appId) {
    return new window.ParamsSign({
      appId: appId, 
      debug: false, 
      preRequest: false,
      onSign: ({ code }) => {
        console.log('签名可用率监控', code)
      },
      onRequestTokenRemotely: ({ code, message }) => {
        console.log('算法接口可用率监控', code, message)
      },
      onRequestToken: ({ code, message }) => {
        console.log('token的可用率监控', code, message)
      },
    })
  }
  
  paramsSign(data) {
    try {
      console.log('获取加签参数', data, this.paramsSignInstance)
      if (!data || typeof data !== 'object' || !this.paramsSignInstance) {
        return Promise.resolve(data)
      } else {
        const param: any = {
          appid: data.appid,
          client: data.client,
          clientVersion: data.clientVersion,
          functionId: data.functionId,
          t: data.t,
          sign: data?.sign,
          jsonp: data?.jsonp,
        }
        data && data.body && (param.body = sha256(data.body).toString())
        console.log(
          '获取加签前的参数处理',
          param,
          '获取下发data',
          data,
          '获取加签实例',
          this.paramsSignInstance,
          this.paramsSignPagesInstance,
        )
        return this.isPageDomain &&
          this.paramsSignPagesInstance &&
          AppVerifyColorList.includes(param.functionId)
          ? this.paramsSignPagesInstance.sign(param)
          : this.paramsSignBmallInstance &&
            B2BColorFunctionIdList.includes(param.functionId)
          ? this.paramsSignBmallInstance.sign(param)
          : this.paramsSignInstance.sign(param)
      }
    } catch (e) {
      console.log('获取加签参数结果异常', e)
      return Promise.resolve(data)
    }
  }
+import { ServiceInterFace } from '../../interface'
  AppVerifyColorList,
  SHOP_VERIFY_CODE,
  PAGES_VERIFY_CODE,
  B2B_VERITY_CODE,
  PAGES_DOMAIN,
  B2BColorFunctionIdList,
  public fmInfo: {
    eid?: string
    fp?: string
    jsToken?: string
    sdkToken?: string
  } 
  public api: ServiceInterFace.HttpApi
  public paramsSignInstance: any
  public paramsSignPagesInstance: any
  public paramsSignBmallInstance: any
  public isPageDomain: boolean
  public initParamsSignInstance: any
  public initJsTokenInstance: any
  constructor() {
    this.api = api
    this.isPageDomain = location?.hostname === PAGES_DOMAIN
    this.paramsSignInstance = undefined
    this.paramsSignPagesInstance = undefined
    this.paramsSignBmallInstance = undefined
    this.initParamsSignInstance = undefined
    this.initJsTokenInstance = undefined
    this.fmInfo = {}
  }
  
  _loadSingleJs(jsFileName, successCallback?, failCallback?) {
    const jsInfo = global.loadJsSdkList.find(
      (item) => item?.fileName === jsFileName,
    )
    if (jsInfo) {
      global
        .loadItemSdkPromise(jsInfo)
        .then(() => {
          typeof successCallback === 'function' && successCallback()
        })
        .catch(() => {
          console.info('业务发起接口请求前置加载js异常' + jsInfo?.src)
          typeof failCallback === 'function' && failCallback()
        })
    } else {
      typeof failCallback === 'function' && failCallback()
    }
  }
  
  _getMobileJsToken(): Promise<{
    ok: boolean
    data?: any
    error?: any
  }> {
    return this._handleInitJsToken().then(() => {
      try {
        if (window?.getJsToken) {
          return new Promise((resolve) => {
            window.getJsToken(function (res) {
              console.log('JS token 获取结果', res)
              resolve({
                ok: true,
                data: res,
              })
            }, 600)
          })
        } else {
          console.log('没有识别到getJsToken全局方法')
          return Promise.resolve({
            ok: false,
            error: '没有识别到getJsToken全局方法',
          })
        }
      } catch (e) {
        console.log('获取指纹JS token 异常', e)
        return Promise.resolve({
          ok: false,
          error: e,
        })
      }
    })
  }
  
  async getFmInfo() {
    try {
      const { ok, data } = await this._getMobileJsToken()
      this.fmInfo = ok && data ? data : this.fmInfo
      return this.fmInfo
    } catch (e) {
      console.log('获取指纹信息异常', e)
      return this.fmInfo
    }
  }
  
  _initSign() {
    this.paramsSignInstance = window.PSign
      ? window.PSign
      : window.ParamsSign
      ? this._initParamsSignInstance(SHOP_VERIFY_CODE)
      : null
    this.paramsSignPagesInstance = window.ParamsSign
      ? this._initParamsSignInstance(PAGES_VERIFY_CODE)
      : null
    this.paramsSignBmallInstance = window.ParamsSign
      ? this._initParamsSignInstance(B2B_VERITY_CODE)
      : null
  }
  
  _initParamsSignInstance(appId) {
    return new window.ParamsSign({
      appId: appId, 
      debug: false, 
      preRequest: false,
      onSign: ({ code }) => {
        console.log('签名可用率监控', code)
      },
      onRequestTokenRemotely: ({ code, message }) => {
        console.log('算法接口可用率监控', code, message)
      },
      onRequestToken: ({ code, message }) => {
        console.log('token的可用率监控', code, message)
      },
    })
  }
  
  paramsSign(data) {
    try {
      return this._handleInitSign().then(() => {
        console.log('获取加签参数', data, this.paramsSignInstance)
        if (!data || typeof data !== 'object' || !this.paramsSignInstance) {
          return Promise.resolve(data)
        } else {
          const param: any = {
            appid: data.appid,
            client: data.client,
            clientVersion: data.clientVersion,
            functionId: data.functionId,
            t: data.t,
            sign: data?.sign,
            jsonp: data?.jsonp,
          }
          data && data.body && (param.body = sha256(data.body).toString())
          console.log(
            '获取加签前的参数处理',
            param,
            '获取下发data',
            data,
            '获取加签实例',
            this.paramsSignInstance,
            this.paramsSignPagesInstance,
          )
          return this.isPageDomain &&
            this.paramsSignPagesInstance &&
            AppVerifyColorList.includes(param.functionId)
            ? this.paramsSignPagesInstance.sign(param)
            : this.paramsSignBmallInstance &&
              B2BColorFunctionIdList.includes(param.functionId)
            ? this.paramsSignBmallInstance.sign(param)
            : this.paramsSignInstance.sign(param)
        }
      })
    } catch (e) {
      console.log('获取加签参数结果异常', e)
      return Promise.resolve(data)
    }
  }
  
  _handleInitSign() {
    if (!this.initParamsSignInstance) {
      this.initParamsSignInstance = new Promise((resolve) => {
        if (window?.ParamsSign) {
          this._initSign()
          resolve({
            ok: true,
            msg: '加固js已加载',
          })
        } else if (window?.PAGE_DATA?.asyncLoadSecurityJs) {
          this._loadSingleJs(
            'securityJs',
            () => {
              this._initSign()
              resolve({
                ok: true,
                msg: '异步请求加固js成功加载',
              })
            },
            () => {
              resolve({
                ok: true,
                msg: '加固js加载异常',
              })
            },
          )
        } else {
          resolve({
            ok: true,
            msg: '加固js开关配置为false不加载',
          })
        }
      })
    }
    return this.initParamsSignInstance
  }
  
  _handleInitJsToken() {
    if (!this.initJsTokenInstance) {
      this.initJsTokenInstance = new Promise((resolve) => {
        if (window?.getJsToken) {
          resolve({
            ok: true,
            msg: '指纹js已加载',
          })
        } else if (window?.PAGE_DATA?.asyncLoadMtkJs) {
          this._loadSingleJs(
            'mtkJs',
            () => {
              resolve({
                ok: true,
                msg: '异步请求指纹js成功加载',
              })
            },
            () => {
              resolve({
                ok: true,
                msg: '指纹js加载异常',
              })
            },
          )
        } else {
          resolve({
            ok: true,
            msg: '指纹js开关配置为false不加载',
          })
        }
      })
    }
    return this.initJsTokenInstance
  }

package/dist/service/http/h5Http.ts

@@ -0,0 +1 @@
+import Taro from '@tarojs/taro'
  isSupportHybridHttpRequest,
  draInterfaceCustomReport,
  draBusinessCustomReport,
  jsonHeader = 'application/json;charset=utf-8',
  formDataHeader = 'application/x-www-form-urlencoded',
  HYBRID: 'httpRequest_hybrid',
  TARO: 'httpRequest_taro',
  #requestTimeStamp: number
  #responseTimeStamp: number
  #getResTimeStamp: number
  #reportType: string
  #callbackFunction: string
  
  async request({
    url,
    method = 'POST',
    timeout = 7000,
    isColorVerify = false,
    ...otherOptions
  }): Promise<Taro.request.SuccessCallbackResult<any>> {
    const { header: otherHeader, ...otherOpts } = otherOptions
    const header = {
      'content-type':
        method === 'POST'
          ? RequestHeaderContentType.formDataHeader
          : RequestHeaderContentType.jsonHeader,
      ...otherHeader,
    }
    let getRequestUrl = url
    let requestTask
    const data = otherOpts?.data
    const isGatewayRequest =
      url === this.api.apiFunc && typeof data === 'object'
    if (isGatewayRequest) {
      getRequestUrl = this._handleSpecialGatewayUrl(url)
      const shouldUseHybridRequest = this._shouldUseHybridRequest(data)
      if (shouldUseHybridRequest) {
        requestTask = this._hybridRequest(getRequestUrl, data)
      } else {
        otherOpts.data = await this._prepareGatewayReqData(data, isColorVerify)
        requestTask = this._taroRequest(
          getRequestUrl,
          otherOpts,
          method,
          timeout,
          header,
        )
      }
    } else {
      requestTask = this._taroRequest(
        getRequestUrl,
        otherOpts,
        method,
        timeout,
        header,
      )
    }
    const requestTimeoutPromise =
      new Promise<ServiceInterFace.RequestPromiseRes>((resolve) => {
        setTimeout(() => {
          resolve({
            statusCode: 500,
            resTimeoutState: true,
            errMsg: 'request timeout',
          })
        }, timeout)
      })
    return Promise.race([requestTask, requestTimeoutPromise]).then(
      (res: any) => {
        if (res && res.statusCode === 500 && res.resTimeoutState) {
          if (this.#reportType === HTTP_REQUEST_TYPE.HYBRID) {
            this._clearFunction(this.#callbackFunction)
          } else {
            requestTask.abort && requestTask.abort()
          }
        }
        this._handleReportInterfaceError(url, data, timeout, res)
        return res
      },
    )
  }
  
  _handleSpecialGatewayUrl(url: string): string {
    if (isPc && window.location.hostname.includes('.jd.hk')) {
      return this.api.hkApiFunc
    }
    if (
      isJdApp &&
      window?.shopGlobalSwitch?.dualProtocol &&
      !window.location.href.includes('jshopx_vconsole')
    ) {
      return window?.shopGlobalSwitch?.dualProtocol?.apiTestApp || url
    }
    return url
  }
  
  _shouldUseHybridRequest(data: any): boolean {
    try {
      const isWhxFunctionId = /^whx\_/.test(data?.functionId)
      const isGlobalOpenHybirdHttpRequest =
        window?.shopGlobalSwitch?.openHybirdHttpRequest === 'true'
      if (
        !isJdApp ||
        !isSupportHybridHttpRequest ||
        !isGlobalOpenHybirdHttpRequest ||
        isWhxFunctionId ||
        isJdAndHarmonyDevice
      ) {
        return false
      }
      const configData = global.getDynamicConfig('hybridHttpSwitch')
      const { globalOn = false, grayscale = {} } = configData || {}
      const buildType = process.env.BUILD_TYPE || ''
      const isInvokeGray = globalOn || grayscale[buildType]
      console.log(
        '使用hybrid请求是否命中灰度，isInvokeGray:',
        isInvokeGray,
        '获取mpaas配置hybridHttpSwitch原始数据configData',
        configData,
      )
      const hasWindowXWebView = !!window.XWebView
      return isInvokeGray && hasWindowXWebView
    } catch (e) {
      console.log('获取是否使用Hybrid请求出错，e:', e)
      return false
    }
  }
  
  _hybridRequest(url: string, data: any): Promise<any> {
    return new Promise((resolve, reject) => {
      try {
        const changeCurrentUrl = url.startsWith('//') ? `https:${url}` : url
        const { functionId, body, ...otherH5Param } = data
        const reqParams = {
          url: isIosDevice ? `${changeCurrentUrl}/` : changeCurrentUrl, 
          functionId: functionId,
          body: body,
          headerType: '0', 
          param: {
            ...otherH5Param,
          },
          header: {
            Referer: window.location.origin, 
          },
        }
        const callbackFunction = this._generateCallbackFunction()
        this.#callbackFunction = callbackFunction
        this.#requestTimeStamp = Date.now()
        this.#reportType = HTTP_REQUEST_TYPE.HYBRID
        window.XWebView.callNative(
          'ColorQueryPlugin',
          'colorRequest',
          JSON.stringify(reqParams),
          callbackFunction,
          '1', 
        ) 
        window[callbackFunction] = (result) => {
          this.#responseTimeStamp = Date.now()
          try {
            const resultObj =
              typeof result === 'string' ? JSON.parse(result) : result
            resolve(resultObj)
          } catch (error) {
            const errMsg = 'hybrid网络请求JSON解析失败, error: ' + error
            draBusinessCustomReport({
              type: `${HTTP_REQUEST_TYPE.HYBRID}_jsonParseError`,
              errMsg,
              result,
            })
            reject({ errMsg })
          }
          this._clearFunction(callbackFunction)
        }
      } catch (error) {
        reject({
          errMsg:
            'hybrid网络请求，App下调用window.XWebView.callNative出错, error: ' +
            error,
        })
      }
    })
  }
  
  _generateCallbackFunction() {
    return `hybridHttpRequestCallback_${Date.now()}_${Math.ceil(
      Math.random() * 100000,
    )}`
  }
  
  _clearFunction(functionName: string) {
    try {
      delete window[functionName]
    } catch (e) {
      window[functionName] = undefined
    }
  }
  
  async _prepareGatewayReqData(
    data: any,
    isColorVerify: boolean,
  ): Promise<any> {
    const { functionId } = data
    console.log('获取当前是否需要color加固', isColorVerify, functionId)
    if (isColorVerify) {
      const { h5st } = await colorSign.paramsSign(data)
      h5st && (data.h5st = encodeURI(h5st))
      console.log(`${functionId}的apiReq_h5st===>：${h5st}`)
    }
    const { jsToken } = await colorSign.getFmInfo()
    console.log(`${functionId}的api jsToken指纹===>：${jsToken}`)
    jsToken && (data['x-api-eid-token'] = jsToken)
    return data
  }
  
  _taroRequest(
    url: string,
    otherOpts: any,
    method: string,
    timeout: number,
    header: string,
  ): Promise<any> {
    const reqParam = {
      url,
      method,
      timeout,
      header,
      credentials: 'include',
      ...otherOpts,
    }
    this.#requestTimeStamp = Date.now()
    this.#reportType = HTTP_REQUEST_TYPE.TARO
    return Taro.request(reqParam)
  }
  
  _reportRequestTime(url: string, data: any): void {
    this.#getResTimeStamp = Date.now()
    if (this.#reportType === HTTP_REQUEST_TYPE.TARO) {
      this.#responseTimeStamp = this.#getResTimeStamp
    }
    draInterfaceCustomReport(
      {
        type: `${this.#reportType}_consumeTime`, 
        url,
        functionId: data?.functionId,
        requestTimeStamp: this.#requestTimeStamp,
        responseTimeStamp: this.#responseTimeStamp,
        errMsg: `使用${this.#reportType}调用接口请求响应耗时`,
        source: 'remote', 
      },
      {
        consumeTime: `${this.#responseTimeStamp - this.#requestTimeStamp}ms`,
        getResTime: `${this.#getResTimeStamp - this.#requestTimeStamp}ms`,
      },
    )
  }
  
  _handleReportInterfaceError(
    url: string,
    reqData: any,
    timeOut: any,
    res: any,
  ): void {
    const source = 'remote' 
    const requestType = this.#reportType 
    let errorType = ''
    let subMsg = ''
    let reportFlag = false
    if (res) {
      const { statusCode, data, status, resTimeoutState } = res
      if (statusCode === 500 && resTimeoutState) {
        reportFlag = true
        errorType = 'timeout'
        subMsg = `接口请求超时${timeOut}ms`
      } else if ((statusCode === 200 || status === '0') && data) {
        const resCode = Object.prototype.hasOwnProperty.call(data, 'code')
          ? Number(data.code)
          : -1
        const subCode = Object.prototype.hasOwnProperty.call(data, 'subCode')
          ? Number(data.subCode)
          : -1
        const isSuccess =
          data.success === true ||
          data.isSuccess ||
          resCode === 0 ||
          resCode === 200 ||
          subCode === 0
        if (!isSuccess && resCode !== 3) {
          reportFlag = true
          errorType = 'dataError'
          subMsg = '接口请求返回数据异常'
        }
      } else {
        reportFlag = true
        errorType = 'statusError'
        subMsg = '接口请求错误，h5请求statusCode非200，或hybrid请求status非0，或未返回data字段'
      }
    }
    reportFlag &&
      draInterfaceCustomReport({
        subMsg,
        url,
        source,
        requestType,
        errorType,
        functionId: reqData?.functionId,
        appid: reqData?.appId,
        client: reqData?.client,
        clientVersion: reqData?.clientVersion,
        statusCode: res?.statusCode,
        status: res?.status,
        code: res?.data?.code || res?.data?.subCode, 
        errMsg: res?.errMsg || res?.msg || res?.message || res?.data?.echo, 
        originReqDataStr: JSON.stringify(reqData), 
        originResDataStr: JSON.stringify(res), 
      })
  }

package/dist/service/http/index.h5.ts

@@ -0,0 +1 @@
+import H5Http from "./h5Http"