uni-stat-v2.md

## uni 统计 2.0

uni 统计 2.0 是基于 uniCloud 开发的开源、免费统计平台。

### 产品特色

`uni统计2.0`和`uni统计1.0`一样，均支持全域流量统计，无需在各端接不同的 sdk、无需在不同后台查看数据。使用 uni 统计，一张报表可查看所有端（iOS、Android、H5 及各家小程序）的运营数据。

相比`uni统计1.0`，`uni统计2.0`还有如下特色功能：

**1. 开源**

前端采集数据的 SDK、云端接收数据的云函数、云端跑批统计的云函数、展示统计结果的管理报表，所有代码全部开源。

**2. 私有部署**

使用传统`saas`类统计产品时，所有 App 数据都上报在统计厂商统一的数据库中，也就是中央化部署模式。
`uni统计2.0`基于`uniCloud`实现，云函数、统计数据全部托管在开发者自己的服务空间中，开发者对自己的统计数据拥有完整的控制权。

**3. 自由定制**

`uni统计2.0`所有代码是完全开源的，开发者可在开源代码基础上，轻松扩展统计维度，自由定制报表样式。

**uni 统计新老版本对比**

|   功能   | uni 统计 1.0 | uni 统计 2.0 |
| :------: | :----------: | :----------: |
| 是否开源 |      否      |      是      |
| 是否免费 |      是      |      是      |
| 部署方式 |   中央部署   |   私有部署   |
| 定制方式 |   不可定制   |   方便定制   |

### 前端配置

在项目中打开 `manifest.json` , 选择 `uni统计配置` 项，根据需求，选择开通 `uni统计` ，勾选 `version2` 开启新版统计。

![开启统计](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/73a73c56-1b65-4fc2-9429-26248f3e1267.png)

**全局设置**

将 `manifest.json -> uniStatistics` 下的 `enable` 字段设置为 `true|false` ,来开启关闭 `uni统计`

设置 `version` 属性为 `"2"` 来开启新版统计

```js
//...
"uniStatistics": {
    "enable": true,//全局开启
 "version": "2" // 开启新版uni统计，值为字符串
},
//...
```

**分平台设置**

`uniStatistics` 支持分平台设置，比如若需仅开启微信平台的 `uni统计`，则在`mp-weixin`节点下设置 `uniStatistics ->enable` 即可，如下：

```js
//...
"mp-weixin":{
    "uniStatistics": {
        "enable": true //微信平台开启统计
    }
}
```

**注意：**

- 在分平台下如有`uniStatistics -> enable`字段，则优先使用分平台下配置 ，反之使用全局统计设置
- 分平台无需设置 `version` 属性 ，`version` 属性仅全局生效
- 应用在运行、调试时不会上报统计数据，仅在发行后，并启动新版的 App、h5、小程序，才会上报数据。

### 域名白名单

由于各家小程序对可访问的域名要配置白名单，否则无法联网。

注意选择对应的服务商域名（文章后面章节会有服务空间相关配置）

| 服务提供商 |      request 合法域名       |
| :--------: | :-------------------------: |
|   阿里云   |       api.bspapp.com        |
|   腾讯云   | tcb-api.tencentcloudapi.com |

### 统计管理后台

新版统计与之前不同的是需要用户自行管理部署统计后台，使用了 [uni-admin](https://uniapp.dcloud.io/uniCloud/admin.html#uni-admin-%E6%A1%86%E6%9E%B6-%E5%8E%9F%E5%90%8D-unicloud-admin)
来管理 `uni统计`数据。

#### 创建 uni-admin

使用 `HBuilderX 3.4.x`版本新建 `uni-app` 项目，选择 `uni-admin` 项目模板，如下图:
![download-admin](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/80406bf5-f96a-4a66-9430-a339a4054c96.png)
创建完成后，可以跟随`云服务空间初始化向导`初始化项目，创建并绑定云服务空间

![download-admin](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/7fd34451-2313-4d01-8caf-39f277780642.png)

#### 运行 uni-admin

接下来所有操作都是基于新创建的 `uni-admin` 项目来操作

#### 目录结构

注意：创建完成后确保 `uniCloud -cloudfunctions` 目录下包含了 `uni-stat-report` 云函数
![目录结构](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/c20bd7bf-d52e-4038-80d6-a2e76c80a091.png)

#### 配置 uni-id

打开`uni-config-center` 配置 `uni-id` 的 `passwordSecret` 和`tokenSecret`字段 （测试期间跳过本条也可以）

- `passwordSecret` 字段 ，用于加密密码入库的密钥
- `tokenSecret` 字段 ，为生成 token 需要的密钥

```js
//  `uniCloud/cloudfunctions/common/uni-config-center/uni-id/config.json`
{
  "passwordSecret": "passwordSecret-demo",
  "tokenSecret": "tokenSecret-demo",
  // ...
}
```

#### 配置服务空间

右键 `uniCloud` 目录 `运行云服务空间初始化向导`，初始化数据库和上传部署云函数（**如已创建并绑定云服务空间，则跳过此步**）

![配置服务空间](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/7fd34451-2313-4d01-8caf-39f277780642.png)

#### 运行项目

点击`HBuilderX`工具栏的运行(快捷键【Ctrl+r】) -> 运行到浏览器。如果是连接本地云函数调试环境，上一步可以不上传云函数，但数据库仍需初始化。

#### 登录 admin 后台

从启动后的登录页面的底部，进入创建管理员页面（仅允许注册一次管理员账号）

![登录 admin 后台](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/6582a93f-e707-4d12-9749-48d7e0f58f4b.png)

![登录 admin 后台](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/28e09692-5931-437d-a633-7437ff87bdca.png)

**注意**：

- 在 HBuilderX 中运行需在插件市场在安装 [sass 插件](https://ext.dcloud.net.cn/plugin?id=2046)
- 浏览器联网失败，报 `request：fail`，需要去云服务空间的`跨域配置`配置跨域域名，需带端口。[详见](https://uniapp.dcloud.net.cn/uniCloud/quickstart?id=useinh5)
- 如从未接触过`uniCloud`，是无法直接上手 uni-admin 的，建议先通读下 uniCloud 文档的概念介绍和快速上手章节。[详见](https://uniapp.dcloud.net.cn/uniCloud/README)

### 关联服务空间

客户端和管理后端都已经准备好了，但是现在还不能从客户端直接上报数据到管理后端，所以需要关联客户端和管理后端的服务空间

1. 在客户端项目右键并选择 `创建uniCloud云开发环境 -> 阿里云|腾讯云`

![关联前后台数据](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/b2ad84ed-a69a-43dc-b8d1-6efaafd96a14.png)

2. 在`uniCloud`目录右键并选择`关联云服务空间或项目`，在打开的窗口中选择上一节`uni-admin`关联的服务空间（两个项目务必关联同一个服务空间，且 uni-admin 中所有云函数、公共模板等都已经上传部署到该服务空间）

![关联前后台数据](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/14744bf3-c88e-4408-b2fa-0ecf0dcf4fe1.png)

3. 发行项目到对应平台 ，此时数据已经成功采集到 `uni-admin` 中

### uni 统计公共模块配置项说明

uni 统计配置项存放于 uniCloud 配置中心（`uni-config-center`）下的 `uni-stat/config.json`文件中，用户可根据自身系统需要自定义各配置项的值。

- 注意：修改 uni 统计配置项后需要重新上传公共模块`uni-config-center`后才会生效。

#### 基础参数

|      配置项       | 默认值 |                                                                                                说明                                                                                                |
| :---------------: | :----: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
|       debug       | false  |                                                            开启调试模式 true: 开启，false:关闭，开启后会产生大量日志，生产环境请关闭。                                                             |
|       redis       | false  |                                          开启 redis 缓存，开启后可以降低数据库查询压力，提升 uni 统计性能，可按需决定是否开启。[开启方法](#开启redis缓存)                                          |
|     cachetime     | 604800 |                                                                                     redis 缓存有效期，单位秒。                                                                                     |
| sessionExpireTime |  1800  |                                                              会话过期时间，该配置用来判断当前会话是否已过期，一般情况下无需修改此项。                                                              |
|   realtimeStat    |  true  |                                              开启实时统计，true: 开启，false:关闭，开启后会每小时统计一次，数据库读写次数会增多，可按需决定是否开启。                                              |
|      cronMin      | false  | 开启分钟级定时任务，true: 开启，false:关闭。开启后定时任务将细分到分钟级执行，分摊数据计算压力，适合应用日活较大或有特殊需求的用户群体。开启方法见下方 [开启分钟级定时任务](#开启分钟级定时任务)。 |
|       cron        |   -    |                                                            用于配置定时任务触发时间，详情见下方[定时任务配置说明](#定时任务配置说明)。                                                             |
|  batchInsertNum   |  5000  |                                                        当有批量写入操作时，限制单次写入数据库的最大条数。为防止写入超时，最大值为 5000 条。                                                        |
|    errorCheck     |   -    |                                错误检测，此项用于在规定时间内限制相同的错误日志写入数据库，防止有高频错误产生时造成大量的数据库写入操作。[详情](#错误检测配置说明)                                 |
|     cleanLog      |   -    |                                           日志清理，此项用于配置定时清理过期的日志，减少数据库数据的存储量，提升 uni 统计性能。[详情](#日志清理配置说明)                                           |

#### 开启 redis 缓存

- 注意：开启 redis 缓存前，需要先确认是否已在布署 uni 统计的服务空间内购买 redis 服务，如果没有购买则需要先购买 redis 服务。

开启步骤：

1. 修改 uni 统计配置项将`redis`参数的值改为`true`。
2. 分别在数据`上报数据接收器（uni-stat-receiver）`和`定时任务云函数（uni-stat-cron）`下的`package.json`文件中添加 redis 拓展库。
3. 重新上传部署数据`上报数据接收器（uni-stat-receiver）`、`定时任务云函数（uni-stat-cron）`和`配置中心（uni-config-center）`。

```javascript
//配置uni-stat-receiver的redis拓展库
{
 "name": "uni-stat-receiver",
 "dependencies": {
  "uni-id": "file:../../../../uni-id/uniCloud/cloudfunctions/common/uni-id",
  "uni-stat": "file:../common/uni-stat"
 },
 "extensions": {
  "uni-cloud-jql": {},
  "uni-cloud-redis": {} // 配置为此云函数开启redis扩展库，值为空对象留作后续追加参数，暂无内容。如拷贝此配置项到package.json文件，切记去除注释。
 }
}


//配置uni-stat-cron的redis拓展库
{
 "name": "uni-stat-cron",
 "version": "1.0.0",
 "description": "",
 "main": "index.js",
 "scripts": {
  "test": "echo \"Error: no test specified\" && exit 1"
 },
 "author": "",
 "license": "ISC",
 "dependencies": {
  "uni-stat": "file:../common/uni-stat"
 },
 "extensions": {
  "uni-cloud-redis": {} // 配置为此云函数开启redis扩展库，值为空对象留作后续追加参数，暂无内容。如拷贝此配置项到package.json文件，切记去除注释。
 },
 "cloudfunction-config": {
  "concurrency": 1,
  "memorySize": 512,
  "timeout": 600,
  "triggers": [
   {
    "name": "uni-stat-cron",
    "type": "timer",
    "config": "0 0 * * * * *"
   }
  ]
 }
}

```

#### 定时任务配置说明

`cron` 参数用于配置定时任务触发时间，一般无需修改此项。

| 参数 |                                                                 说明                                                                  |
| :--: | :-----------------------------------------------------------------------------------------------------------------------------------: |
| type |                                                 定时任务类型：如 `stat`：基础数据统计                                                 |
| time | 触发时间表达式：`* * * *` 共四位，由左到右分别代表：星期（1-7 代表周一到周日）/日/时/分。例：每天晚上 0 点 0 分触发，应写作 `* * 0 0` |

目前定时任务类型有：

- `stat`：基础数据统计
- `retention-device`：设备留存数据统计
- `retention-user`：用户留存数据统计
- `active-device`：活跃设备数据归档
- `active-user`：活跃用户数据归档
- `page`：页面数据统计
- `event`：事件数据统计
- `error`：错误数据统计

#### 开启分钟级定时任务

- 阿里云服务空间开启步骤：

1. 因阿里云服务空间默认不支持分钟级定时器，必须先向 DCloud 申请分钟级定时器后再开启。[申请方式](https://uniapp.dcloud.io/uniCloud/price.html#aliyun)
2. 修改 uni 统计配置项将`cronMin`参数的值改为`true`。
3. 修改`定时任务云函数（uni-stat-cron）`下的`package.json`文件中的触发器配置。
4. 重新上传部署`定时任务云函数（uni-stat-cron）`和`配置中心（uni-config-center）`。

```javascript
//config选项为阿里云定时器的cron表达式 将原小时级表达式 "config": "0 0 * * * * *" 更改为分钟级表达式 "config": "0 * * * * * *" 后重新上传部署云函数即可.
"cloudfunction-config": {
  "concurrency": 1,
  "memorySize": 256,
  "timeout": 600,
  "triggers": [
   {
    "name": "uni-stat-cron",
    "type": "timer",
    "config": "0 * * * * * *"
   }
  ]
}
```

- 腾讯云服务空间开启步骤：

1. 修改 uni 统计配置项将`cronMin`参数的值改为`true`。
2. 修改`定时任务云函数（uni-stat-cron）`下的`package.json`文件中的触发器配置。
3. 重新上传部署`定时任务云函数（uni-stat-cron）`和`配置中心（uni-config-center）`。

```javascript
//config选项为阿里云定时器的cron表达式 将原小时级表达式 "config": "0 0 * * * * *" 更改为分钟级表达式 "config": "0 * * * * * *" 后重新上传部署云函数即可.
"cloudfunction-config": {
  "concurrency": 1,
  "memorySize": 256,
  "timeout": 600,
  "triggers": [
   {
    "name": "uni-stat-cron",
    "type": "timer",
    "config": "0 * * * * * *"
   }
  ]
}
```

#### 错误检测配置说明

`errorCheck`参数用于在规定时间内限制相同的错误日志写入数据库，防止有高频错误产生时造成大量的数据库写入操作，可按需开启或关闭。

|   参数    |               说明               |
| :-------: | :------------------------------: |
| needCheck | 是否需要检测：true：是；false:否 |
| checkTime |  错误检测间隔时间，单位`分钟`。  |

#### 日志清理配置说明

`cleanLog`参数用于配置定时清理过期的日志，减少数据库数据的存储量，提升 uni 统计性能。注意：因为留存统计的需要，基础会话日志和用户会话日志要至少保存 31 天的日志，否则会对留存统计造成影响。

|    参数     |                                                                                  说明                                                                                  |
| :---------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
|    open     |                                                                  是否开启日志清理：true：是；false:否                                                                  |
| reserveDays | 各项日志的保留天数配置，参数格式：`日志类型:保留天数`，例如： `sessionLog:31`代表保留 31 天的会话日志，保留天数设置为 0 时表示永久保留(此举会累积大量无用数据，不推荐) |

目前可配置的日志类型有：

- `基础会话日志：sessionLog`
- `用户会话日志：userSessionLog`
- `页面日志：pageLog`
- `事件日志：eventLog`
- `分享日志：shareLog`
- `错误日志：errorLog`

### 注意事项

- 客户端和统计后台两个项目务必关联同一个服务空间，且 uni-admin 中所有云函数、公共模板等都已经上传部署到该服务空间
- 使用 uni 统计必须配置 APPID 才能正常使用。[DCloud 的 Appid 有什么用，如需转让应用怎么做](https://ask.dcloud.net.cn/article/35907)
- 应用在运行、调试时不会上报统计数据，仅在发行后，并启动新版的 App、h5、小程序，才会上报数据。
- 不支持 CLI 项目

### 开源代码解读

#### 前端 SDK 说明

#### uni-admin 说明

#### 服务端说明

##### 1. 服务端构成

- `uni-config-center/uni-stat 配置模块`：给`uni-stat 公共模块`提供运行必要的配置参数。
- `uni-stat 公共模块`：数据处理模块，包括收集上报数据的处理入库及定时任务的数据处理。
- `uni-stat-receiver 上报数据接收器`：接收客户端上报数据并转发给公共模块处理。注意：该云对象依赖于`uni-id`公共模块。
- `uni-stat-cron 定时任务云函数`：触发定时任务并转发给公共模块处理

##### 2. 公共模块结构说明

- `shared目录` 公共模块，提供公共函数库等支持。
- `stat/mod目录` 数据模型，提供具体业务实现。
- `stat/lib目录` 工具类类库，提供日期计算、数据加密等额外功能支持。
- `stat/report.js文件` 数据上报功能的分发入口文件。
- `stat/stat.js文件` 数据统计及日志清理功能的分发入口文件。
- `index.js文件` 代理入口文件。

#### 前端页面结构

为了突出目标，仅注释出 uni 统计相关的文件夹及文件，其余与普通 uni-app 项目相同。新增页面可参考 uni-stat 中相似页面。

```bash
├── cloudfunctions
├── common                              # 样式
│   │── uni.css                           # 公共样式
│   └── uni-icons.css                     # icon样式
├── components                          # 自定义组件
├── js_sdk                              # js sdk
│   └── uni-stat                         # uni统计相关工具方法
│       └── util.js                      
├── pages                               # 页面
│   └── uni-stat                          # uni统计页面
│       │── channel                       # 渠道（app）
│       │   │── channel.vue                 # 页面（下同）
│       │   └── fieldsMap.js                # 字段配置（下同）
│       │── device                      # 设备统计
│       │   │── activity                  # 渠道/场景分析
│       │   │   │── activity.vue      
│       │   │   └── fieldsMap.js    
│       │   │── comparison                # 平台对比
│       │   │   │── comparison.vue      
│       │   │   └── fieldsMap.js    
│       │   │── overview                  # 今日概览
│       │   │   │── overview.vue      
│       │   │   └── fieldsMap.js    
│       │   │── retention                 # 留存
│       │   │   │── retention.vue      
│       │   │   └── fieldsMap.js    
│       │   │── stickiness                # 粘性
│       │   │   │── stickiness.vue      
│       │   │   └── fieldsMap.js    
│       │   └── trend                     # 趋势分析
│       │       │── trend.vue           
│       │       └── fieldsMap.js        
│       │── error                         # 错误分析
│       │   │── error.vue             
│       │   └── fieldsMap.js            
│       │── event                         # 事件分析
│       │   │── event.vue             
│       │   └── fieldsMap.js            
│       │── index                         # 统计首页
│       │   │── index.vue             
│       │   └── fieldsMap.js            
│       │── page-ent                      # 入口页
│       │   │── page-ent.vue             
│       │   └── fieldsMap.js            
│       │── page-res                      # 受访页
│       │   │── page-res.vue             
│       │   └── fieldsMap.js            
│       │── scene                         # 场景值（小程序）
│       │   │── scene.vue             
│       │   └── fieldsMap.js            
│       └── user                        # 用户统计
│           │── activity                  # 渠道/场景分析
│           │   │── activity.vue      
│           │   └── fieldsMap.js    
│           │── comparison                # 平台对比
│           │   │── comparison.vue      
│           │   └── fieldsMap.js    
│           │── overview                  # 今日概览
│           │   │── overview.vue      
│           │   └── fieldsMap.js    
│           │── retention                 # 留存
│           │   │── retention.vue      
│           │   └── fieldsMap.js    
│           │── stickiness                # 粘性
│           │   │── stickiness.vue      
│           │   └── fieldsMap.js    
│           └── trend                     # 趋势分析
│               │── trend.vue           
│               └── fieldsMap.js        
├── static
├── store
├── admin.config.js
├── App.vue
├── main.js
├── mainfest.json
├── pages.json
├── postcss.config.js
└── uni.scss
```

### 扩展和自定义方式