[feat] 优化初始化参数验证

Author: huangriya

demo/jquery/sdk/5.0.3/AnalysysAgent_Encrypt.min.js

@@ -9,10 +9,10 @@
     <script>
       var vConsole = new window.VConsole();
     </script> -->
-    <script src="/sdk/5.0.2/AnalysysAgent_JS_SDK.min.js"></script>
+    <script src="/sdk/5.0.3/AnalysysAgent_JS_SDK.min.js"></script>
     <!-- <script src="./public/sdk/4.5.0/AnalysysAgent_JS_SDK.min.js"></script> -->
     <script>
-
+      // 模拟获取用户信息
       function getUserInfo () {
         return new Promise((resolve) => {
           setTimeout(() => {
@@ -31,19 +31,19 @@
         debugMode: 2,
         auto: true,
         // hash: true,
-        // SDKFileDirectory: '/sdk/5.0.0',
+        SDKFileDirectory: '/sdk/5.0.3',
         allowTimeCheck: true,
         autoPageViewDuration: true,
-        // autoTrack: true,
-        // visitorConfigURL: 'https://yaodandan-up.analysysdata.com',
+        autoTrack: true,
+        visitorConfigURL: 'https://uba-up.analysysdata.com',
         // autoClickBlackList: ['http://127.0.0.1:5173/#/'],
         // pageViewBlackList: ['http://127.0.0.1:5173/#/'],
-        // autoHeatmap: true,
+        autoHeatmap: true,
         sendType: 'post',
         // crossSubdomain: true,
-        // pageProperty: {
-        //   'add': 12333
-        // },
+        pageProperty: {
+          'add': 12333
+        },
         // userClickProperty: {
         //   'isClickEle': true
         // }
@@ -65,6 +65,7 @@
 
         // sdk初始化完成之前钩子，支持执行异步逻辑，执行完通过next()完成执行，也可以返回一个Promise任务
         async beforeInit (config, next) {
+
           const userInfo = await getUserInfo()
           this.alias(userInfo.name)
 

demo/jquery/sdk/5.0.3/AnalysysAgent_JS_SDK.amd.min.js

@@ -5,6 +5,9 @@ import vue from '@vitejs/plugin-vue'
 export default defineConfig({
   plugins: [vue()],
   server: {
-    host: '0.0.0.0'
+    host: '0.0.0.0',
+    hmr: {
+      overlay: false
+    }
   }
 })

demo/jquery/sdk/5.0.3/AnalysysAgent_JS_SDK.es6.min.js

@@ -22,6 +22,7 @@ import {
   pageProperty,
   nativeCallback
 } from './module/methods/index'
+import { errorMessage } from './module/printLog'
 
 webViewHybridInit()
 
@@ -57,6 +58,9 @@ class ArkJsSdk {
 
   // 初始化传入配置
   init (config: initConfig) {
+    if (!config.appkey) throw errorMessage['60006']
+    if (!config.uploadURL) throw errorMessage['60007']
+    
     setConfig(config, (o) => {
 
       if (this.config.name) {

demo/jquery/sdk/5.0.3/AnalysysAgent_JS_SDK.min.js

@@ -7,7 +7,7 @@ import { eventAttribute } from '../../store/eventAttribute'
 import { getDeviceType, loadJs } from "../../utils/browser"
 import { globalWindow } from '../../constant/index'
 import { triggerPageClose, setPageHideTime } from '../methods/pageClose'
-import { getVisualList, loadVisual, visualClick } from '../methods/visual'
+import { getVisualList, visualClick } from '../methods/visual'
 import { setHybirdWebUrl } from '../sendData/hybrid'
 import { isHybrid } from '../../store/hybrid'
 
@@ -97,8 +97,7 @@ function autoTrigger () {
     }
   }
 
-  // 动态加载可视化交互文件
-  loadVisual()
+  
 
   // 记录页面隐藏时间
   setPageHideTime()

demo/jquery/sdk/5.0.3/AnalysysAgent_JS_SDK_HEATMAP.min.css

@@ -91,9 +91,9 @@ export function getVisualList () {
       timeout: config.getDataTimeout
     }, function(res) {
       const list = res.data.data
-      printLog('Get Visual Event List from app')
-      printLog(JSON.stringify(list, null, 2))
       if (list && list.length) {
+        printLog('Get Visual Event List from app')
+        printLog(JSON.stringify(list, null, 2))
         visualMap = {}
         list.forEach(o => {
           let path = ''

demo/jquery/sdk/5.0.3/AnalysysAgent_JS_SDK_HEATMAP.min.js

@@ -10,7 +10,7 @@ function keyErr (type: string) {
 	current type: {VALUETYPE}`
 }
 
-const errorMessage = {
+export const errorMessage = {
 	'common': '',
 	'60001': keyErr('String'),
 	'60002': keyErr('Number'),

demo/react/public/sdk/5.0.3/AnalysysAgent_Encrypt.min.js

@@ -162,20 +162,6 @@ function sendData (data: buriedPointData, fn?: Function, isTrack?: boolean) : an
     return
   }
 
-  if (!config.appkey) {
-    errorLog({
-      code: 60006
-    })
-    return
-  }
-
-  if (!config.uploadURL) {
-    errorLog({
-      code: 60007
-    })
-    return
-  }
-
   // 设置回调函数
   if (fn && isFunction(fn)) {
     eventAttribute.eventCallback[data.xwhen] = fn

demo/react/public/sdk/5.0.3/AnalysysAgent_JS_SDK.amd.min.js

@@ -6,17 +6,27 @@ import iframeMessage from './controller/iframMessage'
 
 storeInit()
 
-document.addEventListener('readystatechange', function() {
-  if (document.readyState === 'complete') {
-    // 添加热图视图
-    createView()
-    // 添加视图控制器
-    viewController()
+function init () {
 
-    if (window.top !== window.self) {
-      
-      iframeMessage()
+  // 添加热图视图
+  createView()
 
-    }
+  // 添加视图控制器
+  viewController()
+
+  if (window.top !== window.self) {
+    iframeMessage()
   }
-})
+}
+
+if (document.readyState === 'complete') {
+  init()
+} else {
+  document.addEventListener('readystatechange', function() {
+    if (document.readyState === 'complete') {
+      init()
+    }
+  })
+}
+
+

demo/react/public/sdk/5.0.3/AnalysysAgent_JS_SDK.es6.min.js

@@ -197,7 +197,6 @@ getMsg((msg)=> {
   processMsg(msg)
 })
 
-
 // window.AnalysysModule = Util.objMerge(window.AnalysysModule || {}, {
 //   visual: {
 //     init: initVisual,

demo/react/public/sdk/5.0.3/AnalysysAgent_JS_SDK.min.js

@@ -1,14 +1,15 @@
 
 import { initConfig } from '../types'
 import { optionsDefault } from '../constant'
-import { isBoolean, isNumber, isString, isArray, isFunction, isObject } from '../utils/type'
-import { lengthCheck, booleanCheck } from '../utils/verify'
-import { errorLog, successLog } from '../module/printLog'
+import { isString, isArray, isFunction } from '../utils/type'
+import { booleanCheck, functionCheck, numberCheck, stringCheck, objectCheck } from '../utils/verify'
+import { successLog } from '../module/printLog'
 import { coreInit } from './core'
 import { implementAallbackArr, isReady, implementBeforeInit } from '../module/ready'
 import { getServerTime } from './time'
 import autoTrigger from '../module/autoTrigger'
 import { setPageProperty } from './pageProperty'
+import { loadVisual } from '../module/methods/visual'
 
 function nameListCheck (value: any) {
   if (isString(value)) {
@@ -28,16 +29,16 @@ function nameListCheck (value: any) {
 
 const configRule = {
   appkey: {
-    ck: [isString]
+    ck: [stringCheck]
   },
   uploadURL: {
-    ck: [isString]
+    ck: [stringCheck]
   },
   debugMode: {
-    ck: [isNumber]
+    ck: [numberCheck]
   },
   name: {
-    ck: [isString]
+    ck: [stringCheck]
   },
   auto: {
     ck: [booleanCheck]
@@ -46,7 +47,7 @@ const configRule = {
     ck: [booleanCheck]
   },
   encryptType: {
-    ck: [isNumber]
+    ck: [numberCheck]
   },
   hash: {
     ck: [booleanCheck]
@@ -55,7 +56,7 @@ const configRule = {
     ck: [booleanCheck]
   },
   maxDiffTimeInterval: {
-    ck: [isNumber, function (value: any) {
+    ck: [numberCheck, function (value: any) {
       if (value <= 0) {
         return false
       }
@@ -72,10 +73,10 @@ const configRule = {
     ck: [booleanCheck]
   },
   sendDataTimeout: {
-    ck: [isNumber]
+    ck: [numberCheck]
   },
   sendType: {
-    ck: [isString]
+    ck: [stringCheck]
   },
   autoClickBlackList: {
     ck: [nameListCheck]
@@ -84,39 +85,39 @@ const configRule = {
     ck: [booleanCheck]
   },
   SDKFileDirectory: {
-    ck: [isString]
+    ck: [stringCheck]
   },
   visitorConfigURL: {
-    ck: [isString]
+    ck: [stringCheck]
   },
   crossSubdomain: {
     ck: [booleanCheck]
   },
   pageProperty: {
-    ck: [isObject]
+    ck: [objectCheck]
   },
   pageViewBlackList: {
     ck: [nameListCheck]
   },
   userClickProperty: {
-    ck: [isObject]
+    ck: [objectCheck]
   },
 
   // track上报之前执行该函数，返回false则停止上报
   beforeTrack: {
-    ck: [isFunction]
+    ck: [functionCheck]
   },
   // pageView上报之前执行该函数，返回false则停止上报
   beforePageView: {
-    ck: [isFunction]
+    ck: [functionCheck]
   },
   // PageClose上报之前执行该函数，返回false则停止上报
   beforePageClose: {
-    ck: [isFunction]
+    ck: [functionCheck]
   },
   // 通知sdk客户端程序已经准备好了
   beforeInit: {
-    ck: [isFunction]
+    ck: [functionCheck]
   }
 }
 
@@ -153,6 +154,9 @@ export function setConfig (options: initConfig, fn?) {
     }
   })
 
+  // 动态加载可视化交互文件
+  loadVisual()
+
   function procedure() {
     if (isReady()) {
 

demo/react/public/sdk/5.0.3/AnalysysAgent_JS_SDK_HEATMAP.min.css

@@ -42,7 +42,7 @@ export interface initConfig {
   beforePageClose?: ((res:buriedPointData, setAttrs: Function) => boolean); //pageClose上报之前钩子，若返回false，则终止pageView上报
   beforeTrack?: ((res:buriedPointData, setAttrs: Function) => boolean); //track之前的钩子，参数为当前上报的数据对象，若返回false，就会终止track上报
 
-  beforeInit?: ((res:initConfig, next: Function) => Promise<any>); //通知sdk客户端程序已经准备就绪了，你可以开始工作了
+  beforeInit?: ((config:initConfig, next: Function) => Promise<any>); //通知sdk客户端程序已经准备就绪了，你可以开始工作了
 }
 
 

demo/react/public/sdk/5.0.3/AnalysysAgent_JS_SDK_HEATMAP.min.js

@@ -101,6 +101,16 @@ export function attrCheck (value: any, eventName?: string): object {
   return arrs
 }
 
+
+
+function errLog (key, value, code) {
+  errorLog({
+    key: key,
+    code: code,
+    value: value
+  }, true)
+}
+
 /**
  * 初始化布尔类型参数校验
  * @param value 
@@ -110,15 +120,45 @@ export function attrCheck (value: any, eventName?: string): object {
 export function booleanCheck(value, key) {
   const res = isBoolean(value)
   if (!res) {
-    errorLog({
-      key: key,
-      code: 60003,
-      value: value
-    }, true)
+    errLog(key, value, 60003)
+  }
+  return res
+}
+
+export function functionCheck(value, key) {
+  const res = isFunction(value)
+  if (!res) {
+    errLog(key, value, 60004)
+  }
+  return res
+}
+
+export function numberCheck(value, key) {
+  const res = isNumber(value)
+  if (!res) {
+    errLog(key, value, 60002)
+  }
+  return res
+}
+
+export function stringCheck(value, key) {
+  const res = isString(value)
+  if (!res) {
+    errLog(key, value, 60001)
   }
   return res
 }
 
+export function objectCheck(value, key) {
+  const res = isObject(value)
+  if (!res) {
+    errLog(key, value, 600016)
+  }
+  return res
+}
+
+
+
 /**
  * 验证是否全埋点统计黑名单
  * @param autoClickBlackList 全埋点统计黑名单