カスタムページ統計アクセス量

https://docs.aliwork.com/docs/yida_support/ui648w/ynk2lo

1. 使用シーン

適切なopenapiと統合自動化により、大まかな統計ページのアクセス量を実現します。

2. 機能を実現する

2.1. アクセス記録フォームの作成

ユーザーのアクセスを記録します。

注意: 同じページに同じ人が一度だけ記録する必要がある場合は、次の手順で検証ルールを設定するだけです (この例ではこのルールはオンになっていません)。

2.2. ページを作成して適用する

この例はカスタムページに適用されています。

2.3. フォームデータを保存するデータソースの設定

閲覧量を記録するために使用します。

参考ドキュメント:フォームインスタンスの新規追加

インタフェース構成図:

インタフェースアドレス:

`/${window.pageConfig.appType || window.g_config.appKey}/v1/form/saveFormData.json`

2.4. 保存アクセス記録関数の設定

ページjsパネルにコピーし、コメントに基づいてフィールドidまたはパラメータ値を変更することに注意してください。

/**
* 保存访问记录
* @param delay 延迟保存的秒数，单位：秒
* @param customParams 携带的自定义参数
*/
export function saveFormViews(delay = 5, customParams = {}) {
  // 访问停留 delay 秒，才会被记录
  setTimeout(() => {
    this.dataSourceMap.saveData.load({
      formUuid: 'FORM-5827E1DFC8F142B4AF2F9C69C0EC9E97MWZU', // 访问记录表 formUuid
      appType: pageConfig.appType,
      formDataJson: JSON.stringify({
        textField_lxe2hhv1: '首页', // 当前访问页面名称
        textField_lxe1zv4k: pageConfig.formUuid, // 当前访问页面的 formUuid
        employeeField_lxe1zv4l: [loginUser.userId], // 访问人
        departmentSelectField_lxe2hhv0: [loginUser.deptId], // 访问人部门
        dateField_lxe1zv4m: Date.now(), // 访问时间
        textField_lxe2t7u2: loginUser.userName, // 访问人姓名
        textField_lxe2t7u3: loginUser.userId, // 访问人userId
        textField_lxe2t7u4: loginUser.deptName, // 访问人部门名称
        textField_lxe2t7u5: loginUser.deptId, // 访问人部门id
        textField_lxe2t7u8: loginUser.avatar, // 访问人头像地址
        textField_lxe2t7u9: pageConfig.corpId, // 访问人corpId
        textareaField_lxec385n: JSON.stringify(customParams), // 自定义参数
      }),
    }).then(() => {
      this.utils.toast({
        title: '本次访问已被记录',
        type: 'success'
      });
    });
  }, delay * 1000);
}

2.5. Didmountで呼び出されます

// 当页面渲染完毕后马上调用下面的函数，这个函数是在当前页面 - 设置 - 生命周期 - 页面加载完成时中被关联的。
export function didMount() {
  const { delay } = this.state;
  this.saveFormViews(delay, {
    customParam1: '自定义参数1',
    customParam2: '自定义参数2',
    timeStamp: Date.now(),
  });
}