gio-miniprogram-sdk 4.0.1 → 4.2.0

package/src/{pluginsOut/ordinary → plugins}/gioABTest.ts

@@ -7,29 +7,52 @@ import {
   isEmpty,
   isNaN,
   isNumber,
+  isObject,
+  isString,
+  keys,
   startsWith,
   toString
 } from '@@/utils/glodash';
-import { consoleText, hashCode, niceCallback } from '@@/utils/tools';
+import {
+  consoleText,
+  hashCode,
+  limitObject,
+  niceCallback
+} from '@@/utils/tools';
+import EMIT_MSG from '@@/constants/emitMsg';
+import { ABTEST_DATA_REG, ABTEST_SIGN_REG } from '@@/constants/regex';
 
 class GioABTest {
+  public pluginVersion: string;
   // 请求间隔时长
   public requestInterval: number;
   // 请求超时时长
   public requestTimeout: number;
   // 分流服务请求地址
-  public url: string;
+  public url: any;
   // 接口重试计数
   public retryCount: number;
   constructor(public growingIO: GrowingIOType, options: any) {
-    const { abServerUrl, requestInterval, requestTimeout } = options ?? {};
+    this.pluginVersion = '__PLUGIN_VERSION__';
+    const {
+      abServerUrl = 'https://ab.growingio.com',
+      requestInterval,
+      requestTimeout
+    } = options ?? {};
     this.timeoutCheck(requestInterval, requestTimeout);
     const { emitter } = this.growingIO;
     this.growingIO.getABTest = this.getABTest;
-    emitter.on('OPTION_INITIALIZED', () => {
-      if (abServerUrl) {
+    emitter.on(EMIT_MSG.OPTION_INITIALIZED, () => {
+      if (!isEmpty(abServerUrl)) {
         this.abtStorageCheck();
-        this.generateUrl(abServerUrl);
+        this.url = {};
+        if (isString(abServerUrl)) {
+          this.generateUrl(this.growingIO.trackingId, abServerUrl);
+        } else if (isObject(abServerUrl)) {
+          keys(abServerUrl).forEach((trackingId: string) => {
+            this.generateUrl(trackingId, abServerUrl[trackingId]);
+          });
+        }
       } else {
         consoleText(
           '如果您需要使用ABTest功能，请配置服务地址 abServerUrl!',
@@ -47,16 +70,16 @@ class GioABTest {
   ) => {
     this.requestInterval =
       isNumber(Number(requestInterval)) &&
-      !isNaN(Number.parseInt(requestInterval as string, 10))
-        ? Number.parseInt(requestInterval as string, 10)
+      !isNaN(Number(requestInterval as string))
+        ? Number(requestInterval as string)
         : 5;
     if (this.requestInterval > 60 * 24 || this.requestInterval < 0) {
       this.requestInterval = 5;
     }
     this.requestTimeout =
       isNumber(Number(requestTimeout)) &&
-      !isNaN(Number.parseInt(requestTimeout as string, 10))
-        ? Number.parseInt(requestTimeout as string, 10)
+      !isNaN(Number(requestTimeout as string))
+        ? Number(requestTimeout as string)
         : 1000;
     if (this.requestTimeout > 5000 || this.requestTimeout < 100) {
       this.requestTimeout = 1000;
@@ -68,7 +91,7 @@ class GioABTest {
     const { minipInstance }: any = this.growingIO;
     const storageKeys = minipInstance.minip?.getStorageInfoSync().keys || [];
     // 请求标记
-    const abtsKeys = storageKeys.filter((k) => /^\d+_gdp_abt_sign$/.test(k));
+    const abtsKeys = storageKeys.filter((k) => ABTEST_SIGN_REG.test(k));
     abtsKeys.forEach((k) => {
       // 移除过期的数据，防止存储超限
       const sign = minipInstance.getStorageSync(k);
@@ -77,7 +100,7 @@ class GioABTest {
       }
     });
     // abtest数据
-    const abtdKeys = storageKeys.filter((k) => /^\d+_gdp_abtd$/.test(k));
+    const abtdKeys = storageKeys.filter((k) => ABTEST_DATA_REG.test(k));
     abtdKeys.forEach((k) => {
       // 移除过期的数据，防止存储超限
       if (isEmpty(minipInstance.getStorageSync(k))) {
@@ -87,28 +110,31 @@ class GioABTest {
   };
 
   // 生成存储的hash key
-  getHashKey = (layerId: string | number) => {
+  getHashKey = (trackingId: string, layerId: string | number) => {
     const {
-      userStore: { uid },
+      userStore: { getUid },
       vdsConfig: { projectId }
     } = this.growingIO;
-    return Math.abs(hashCode(`${projectId}#${uid}#${layerId}`));
+    return hashCode(`${trackingId}#${projectId}#${getUid()}#${layerId}`, true);
   };
 
   // 生成数据接口地址
-  generateUrl = (abServerUrl: string) => {
+  generateUrl = (trackingId: string, abServerUrl: string) => {
     if (!startsWith(abServerUrl, 'http')) {
-      this.url = `https://${abServerUrl}/diversion/specified-layer-variables`;
+      this.url[
+        trackingId
+      ] = `https://${abServerUrl}/diversion/specified-layer-variables`;
     } else {
-      this.url = `${abServerUrl}/diversion/specified-layer-variables`;
+      this.url[
+        trackingId
+      ] = `${abServerUrl}/diversion/specified-layer-variables`;
     }
   };
 
   // 获取实验调用
-  getABTest = (layerId: string | number, callback: any) => {
-    if (!this.url) {
-      niceCallback(callback, {});
-      return;
+  getABTest = (trackingId: string, layerId: string | number, callback: any) => {
+    if (isEmpty(this.url[trackingId])) {
+      this.generateUrl(trackingId, 'https://ab.growingio.com');
     }
     if (!layerId) {
       consoleText('获取ABTest数据失败! 实验层Id不合法!', 'error');
@@ -119,15 +145,16 @@ class GioABTest {
     // 接口调用的超时时间
     const abtSign =
       minipInstance.getStorageSync(
-        `${this.getHashKey(layerId)}_gdp_abt_sign`
+        `${this.getHashKey(trackingId, layerId)}_gdp_abt_sign`
       ) || 0;
     // 没有超时尝试取数据
     const abtData =
-      minipInstance.getStorageSync(`${this.getHashKey(layerId)}_gdp_abtd`) ||
-      {};
+      minipInstance.getStorageSync(
+        `${this.getHashKey(trackingId, layerId)}_gdp_abtd`
+      ) || {};
     // 没有有效数据或者接口请求标记超时则从调用分流服务获取数据
     if (!abtSign || abtSign < Date.now()) {
-      this.initiateRequest(layerId, abtData, callback);
+      this.initiateRequest(trackingId, layerId, abtData, callback);
     } else {
       niceCallback(callback, abtData);
     }
@@ -135,30 +162,36 @@ class GioABTest {
 
   // 发起请求
   initiateRequest = (
+    trackingId: string,
     layerId: string | number,
     originData: any,
     callback: any
   ) => {
     const {
-      userStore: { uid },
-      vdsConfig: { projectId, dataSourceId },
+      userStore: { getUid },
+      dataStore,
       minipInstance
     } = this.growingIO;
-
+    const { projectId, dataSourceId } = dataStore.getTrackerVds(trackingId);
     minipInstance.request({
-      url: this.url,
+      url: this.url[trackingId],
       header: { 'Content-Type': 'application/x-www-form-urlencoded' },
       method: 'POST',
       data: {
         accountId: projectId,
         datasourceId: dataSourceId,
-        distinctId: uid,
+        distinctId: getUid(),
         layerId
       },
       timeout: this.requestTimeout,
       success: ({ data }: any) => {
         if (data.code === 0) {
-          this.experimentVerify({ ...data, layerId }, originData, callback);
+          this.experimentVerify(
+            trackingId,
+            { ...data, layerId },
+            originData,
+            callback
+          );
         } else {
           consoleText(`获取ABTest数据失败! ${data.errorMsg}!`, 'error');
           // 接口业务失败返回false信息
@@ -166,7 +199,7 @@ class GioABTest {
         }
         // 接口调用返回后刷新接口调用标记
         minipInstance.setStorageSync(
-          `${this.getHashKey(layerId)}_gdp_abt_sign`,
+          `${this.getHashKey(trackingId, layerId)}_gdp_abt_sign`,
           Date.now() + 1000 * 60 * this.requestInterval
         );
       },
@@ -179,7 +212,7 @@ class GioABTest {
         } else {
           // 其他失败情况重试
           if (this.retryCount < 2) {
-            this.initiateRequest(layerId, originData, callback);
+            this.initiateRequest(trackingId, layerId, originData, callback);
             this.retryCount += 1;
           } else {
             consoleText(
@@ -195,9 +228,14 @@ class GioABTest {
   };
 
   // 实验校验（决定是否上报命中事件）
-  experimentVerify = (responseData: any, originData: any, callback: any) => {
+  experimentVerify = (
+    trackingId: string,
+    responseData: any,
+    originData: any,
+    callback: any
+  ) => {
     const { layerId, strategyId, experimentId, variables } = responseData;
-    const abtDataKey = `${this.getHashKey(layerId)}_gdp_abtd`;
+    const abtDataKey = `${this.getHashKey(trackingId, layerId)}_gdp_abtd`;
     const abtData = {
       layerId: toString(layerId),
       strategyId: toString(strategyId),
@@ -221,6 +259,7 @@ class GioABTest {
       // 数据不一致重新发命中埋点
       if (strategyId && experimentId) {
         this.buildExperimentHitEvent(
+          trackingId,
           toString(layerId),
           toString(experimentId),
           toString(strategyId)
@@ -232,21 +271,26 @@ class GioABTest {
   };
 
   // 构建实验命中事件
-  buildExperimentHitEvent = (layerId, experimentId, strategyId) => {
+  buildExperimentHitEvent = (
+    trackingId: string,
+    layerId: string,
+    experimentId: string,
+    strategyId: string
+  ) => {
     const {
       dataStore: { eventContextBuilder, eventConverter }
     } = this.growingIO;
     let event = {
       eventType: 'CUSTOM',
       eventName: '$exp_hit',
-      attributes: {
-        $exp_layer_id: layerId,
-        $exp_id: experimentId,
-        $exp_strategy_id: strategyId
-      },
-      ...eventContextBuilder(),
-      customEventType: 0
+      ...eventContextBuilder(trackingId)
     };
+    event.attributes = limitObject({
+      ...(event.attributes ?? {}),
+      $exp_layer_id: layerId,
+      $exp_id: experimentId,
+      $exp_strategy_id: strategyId
+    });
     eventConverter(event);
   };
 }

package/src/{pluginsOut/ordinary → plugins}/gioCompress.ts

@@ -5,9 +5,11 @@
 import { GrowingIOType } from '@@/types/growingIO';
 
 class GioCompress {
+  public pluginVersion: string;
   private f;
   private _compress;
   constructor(public growingIO: GrowingIOType) {
+    this.pluginVersion = '__PLUGIN_VERSION__';
     this.f = String.fromCharCode;
     this._compress = function (uncompressed, bitsPerChar, getCharFromInt) {
       if (uncompressed === null) return '';

package/src/{pluginsOut/ordinary → plugins}/gioEventAutoTracking.ts

@@ -2,21 +2,30 @@
  * 名称：无埋点插件
  * 用途：用于提供无埋点的事件构建方法。
  */
+import { ID_REG, SWAN_XID_REG, TARO_XID_REG } from '@@/constants/regex';
 import { EventTarget } from '@@/types/eventHooks';
 import { GrowingIOType } from '@@/types/growingIO';
 import { consoleText, isTaro3 } from '@@/utils/tools';
+import EMIT_MSG from '@@/constants/emitMsg';
 
 let ut;
 class GioEventAutoTracking {
+  public pluginVersion: string;
   private prevEvent: any;
   constructor(public growingIO: GrowingIOType) {
+    this.pluginVersion = '__PLUGIN_VERSION__';
     ut = this.growingIO.utils;
     this.prevEvent = {};
   }
 
   main = (e: EventTarget, eventName: string) => {
-    const { vdsConfig, platformConfig, plugins, emitter }: GrowingIOType =
-      this.growingIO;
+    const {
+      vdsConfig,
+      platformConfig,
+      plugins,
+      emitter,
+      trackingId
+    }: GrowingIOType = this.growingIO;
     if (
       // 无埋点事件拦截
       !vdsConfig.autotrack ||
@@ -49,15 +58,15 @@ class GioEventAutoTracking {
       console.log('Action：', e.type, Date.now());
     }
     // 向其他插件广播事件
-    emitter.emit('onComposeBefore', {
+    emitter.emit(EMIT_MSG.ON_COMPOSE_BEFORE, {
       event: eventName,
       params: e ?? {}
     });
     const actionListeners = platformConfig.listeners.actions;
     if (actionListeners.click.includes(e.type)) {
-      this.buildClickEvent(e, eventName);
+      this.buildClickEvent(trackingId, e, eventName);
     } else if (actionListeners.change.includes(e.type)) {
-      this.buildChangeEvent(e, eventName);
+      this.buildChangeEvent(trackingId, e, eventName);
     }
   };
 
@@ -68,8 +77,8 @@ class GioEventAutoTracking {
     let id = target.id;
     if (
       !id ||
-      (gioPlatform === 'swan' && /^_[0-9a-f]+/.test(id)) ||
-      (isTaro3(vdsConfig.taro) && /^_n_[0-9]+$/.test(id))
+      (gioPlatform === 'swan' && SWAN_XID_REG.test(id)) ||
+      (isTaro3(vdsConfig.taro) && TARO_XID_REG.test(id))
     ) {
       id = '';
     }
@@ -77,21 +86,17 @@ class GioEventAutoTracking {
   };
 
   // 构建点击事件
-  buildClickEvent = (e: EventTarget, eventName: string) => {
+  buildClickEvent = (trackingId: string, e: EventTarget, eventName: string) => {
     const xpath = this.getNodeXpath(e, eventName);
     if (xpath) {
       const {
-        dataStore: { eventContextBuilder, eventInterceptor }
+        dataStore: { eventContextBuilder, eventInterceptor, eventHooks }
       } = this.growingIO;
       const target = e.currentTarget || e.target;
       let idx;
       if (ut.has(target?.dataset, 'index') && target?.dataset?.index !== '') {
         const index: any = ut.toString(target.dataset.index);
-        if (
-          /^\d{1,10}$/.test(index) &&
-          index - 0 > 0 &&
-          index - 0 < 2147483647
-        ) {
+        if (ID_REG.test(index) && index - 0 > 0 && index - 0 < 2147483647) {
           idx = +index;
         } else {
           consoleText(
@@ -110,16 +115,21 @@ class GioEventAutoTracking {
             hyperlink: target?.dataset?.src
           }
         ],
-        ...eventContextBuilder()
+        ...eventContextBuilder(trackingId)
       };
+      // 合并页面属性
+      event.attributes = eventHooks.currentPage.eventSetPageProps(
+        trackingId,
+        event
+      );
       eventInterceptor(event);
     }
   };
 
   // 构建tab菜单点击事件
-  buildTabClickEvent = (tabItem: any) => {
+  buildTabClickEvent = (trackingId: string, tabItem: any) => {
     const {
-      dataStore: { eventContextBuilder, eventInterceptor }
+      dataStore: { eventContextBuilder, eventInterceptor, eventHooks }
     } = this.growingIO;
     const event = {
       eventType: 'VIEW_CLICK',
@@ -131,23 +141,32 @@ class GioEventAutoTracking {
           hyperlink: ut.toString(tabItem.pagePath)
         }
       ],
-      ...eventContextBuilder()
+      ...eventContextBuilder(trackingId)
     };
+    // 合并页面属性
+    event.attributes = eventHooks.currentPage.eventSetPageProps(
+      trackingId,
+      event
+    );
     eventInterceptor(event);
   };
 
   // 构建表单变化事件
-  buildChangeEvent = (e: EventTarget, eventName: string) => {
+  buildChangeEvent = (
+    trackingId: string,
+    e: EventTarget,
+    eventName: string
+  ) => {
     const xpath = this.getNodeXpath(e, eventName);
     if (xpath) {
       const {
-        dataStore: { eventContextBuilder, eventInterceptor }
+        dataStore: { eventContextBuilder, eventInterceptor, eventHooks }
       } = this.growingIO;
       const target = e.currentTarget || e.target;
       const event = {
         eventType: 'VIEW_CHANGE',
         element: { xpath },
-        ...eventContextBuilder()
+        ...eventContextBuilder(trackingId)
       };
       const ev = ut.get(e, 'detail.value') || ut.get(e, 'target.attr.value');
       if (target?.dataset?.growingTrack || target?.dataset?.growingtrack) {
@@ -156,6 +175,11 @@ class GioEventAutoTracking {
         }
       }
       event.element = [event.element];
+      // 合并页面属性
+      event.attributes = eventHooks.currentPage.eventSetPageProps(
+        trackingId,
+        event
+      );
       eventInterceptor(event);
     }
   };

package/src/{pluginsOut/ordinary → plugins}/gioImpressionTracking.ts

@@ -2,12 +2,28 @@
  * 名称：半自动浏览埋点插件
  * 用途：用于提供半自动浏览埋点事件的自动注册、参数检验构建和创建事件方法。
  */
+import { IMP_DATA_REG } from '@@/constants/regex';
 import { GrowingIOType } from '@@/types/growingIO';
-import { hashCode } from '@@/utils/tools';
-import { isEmpty, isEqualArray, toString } from '@@/utils/glodash';
+import {
+  compact,
+  isArray,
+  isEmpty,
+  isEqualArray,
+  isObject,
+  isString,
+  toString
+} from '@@/utils/glodash';
+import {
+  eventNameValidate,
+  hashCode,
+  limitObject,
+  niceTry
+} from '@@/utils/tools';
+import EMIT_MSG from '@@/constants/emitMsg';
 
 let ut;
 class GioImpressionTracking {
+  public pluginVersion: string;
   public observerIds: any;
   public rects: any;
   public pageImpObserver: any;
@@ -16,6 +32,7 @@ class GioImpressionTracking {
   public componentQueryTarget: any;
   public sentImps: any;
   constructor(public growingIO: GrowingIOType) {
+    this.pluginVersion = '__PLUGIN_VERSION__';
     ut = this.growingIO.utils;
     this.observerIds = {};
     this.rects = {};
@@ -27,7 +44,7 @@ class GioImpressionTracking {
       }
       minipInstance.initImpression(collect);
     };
-    emitter.on('minipLifecycle', ({ event, params }) => {
+    emitter.on(EMIT_MSG.MINIP_LIFECYCLE, ({ event, params }) => {
       const { minipInstance } = this.growingIO;
       if (event === 'Page onShowEnd') {
         const page = minipInstance.getCurrentPage();
@@ -78,6 +95,7 @@ class GioImpressionTracking {
       case 'jd':
         return collectTarget.__wxExparserNodeId__; // wx page/component
       case 'my':
+      case 'tb':
         return collectTarget.$page
           ? `${collectTarget.$page.$id}-${collectTarget.$id}` //my component
           : collectTarget.$id; // my page
@@ -229,8 +247,28 @@ class GioImpressionTracking {
             this.sentImps[sentId] = dataProperties;
           }
         }
-        if (dataProperties.eventId) {
-          this.buildImpEvent(dataProperties);
+        if (dataProperties.eventName) {
+          let sendTargets = [];
+          if (dataset.gioImpSendto) {
+            // 先尝试处理成数组
+            sendTargets = compact(
+              isArray(dataset.gioImpSendto)
+                ? dataset.gioImpSendto
+                : niceTry(() => JSON.parse(dataset.gioImpSendto)) || []
+            );
+            // 在尝试处理字符串
+            if (isEmpty(sendTargets)) {
+              niceTry(() =>
+                dataset.gioImpSendto.split(',').forEach((s: string) => {
+                  s = isString(s) && s.trim().replace('[', '').replace(']', '');
+                  if (s) {
+                    sendTargets.push(s);
+                  }
+                })
+              );
+            }
+          }
+          this.buildImpEvent(dataProperties, sendTargets);
         } else {
           ut.consoleText(
             '曝光事件格式不正确，事件名只能包含数字、字母和下划线，且不以数字开头!',
@@ -244,13 +282,13 @@ class GioImpressionTracking {
   // 曝光参数获取
   getImpressionProperties = (dataSet: any) => {
     let data: any = {
-      eventId: undefined,
+      eventName: undefined,
       properties: {}
     };
     if (!dataSet?.gioImpTrack) {
       return data;
     } else {
-      data.eventId = dataSet.gioImpTrack;
+      data.eventName = dataSet.gioImpTrack;
     }
     if (ut.has(dataSet, 'gioImpAttrs')) {
       // imp写法二
@@ -261,10 +299,9 @@ class GioImpressionTracking {
       );
     } else {
       // imp写法一
-      const propReg = /^gioTrack(.+)/;
       for (const key in dataSet) {
         let normKey;
-        const matchArr = key.match(propReg);
+        const matchArr = key.match(IMP_DATA_REG);
         if (matchArr) {
           normKey = ut.lowerFirst(matchArr[1]);
           if (normKey !== 'track') {
@@ -275,13 +312,12 @@ class GioImpressionTracking {
     }
     // 对参数对象进行限制
     data.properties = ut.limitObject(data.properties);
-    // 校验eventId
-    const eventIdReg = /^\w+$/;
-    if (
-      !eventIdReg.test(data.eventId) ||
-      Number.isInteger(Number.parseInt(ut.head(data.eventId.split('')), 10))
-    ) {
-      data.eventId = null;
+    // 校验eventName
+    const validate = eventNameValidate(data.eventName, () => {
+      return data;
+    });
+    if (!validate) {
+      data.eventName = null;
       data = {};
     }
     return data;
@@ -315,18 +351,26 @@ class GioImpressionTracking {
   };
 
   // 创建半自动曝光事件
-  buildImpEvent = (dataProperties: any) => {
-    const { eventId, properties } = dataProperties;
+  buildImpEvent = (dataProperties: any, sendTargets: string[]) => {
+    const { eventName, properties } = dataProperties;
     const {
-      dataStore: { eventContextBuilder, eventInterceptor }
+      trackingId,
+      dataStore: { eventContextBuilder, eventConverter },
+      plugins
     } = this.growingIO;
     const event = {
       eventType: 'CUSTOM',
-      eventName: eventId,
-      attributes: properties,
-      ...eventContextBuilder()
+      eventName,
+      ...eventContextBuilder(trackingId)
     };
-    eventInterceptor(event);
+    event.attributes = limitObject({
+      ...(event.attributes ?? {}),
+      ...(isObject(properties) && !isEmpty(properties) ? properties : {})
+    });
+    if (plugins.gioMultipleInstances && !isEmpty(sendTargets)) {
+      event['&&sendTo'] = sendTargets;
+    }
+    eventConverter(event);
   };
 }