![e4a8bcbef0b8e21d860814e42e40e5c3.png](https://img-blog.csdnimg.cn/img_convert/e4a8bcbef0b8e21d860814e42e40e5c3.png)
注:图片如果损坏,点击文章链接:https://www.toutiao.com/i6814776265602499080/
承接上一篇文档《页面Cookie的JS文件编写》
思路
![8407eea4b50ff7c05acd0ea509fdb0fc.png](https://img-blog.csdnimg.cn/img_convert/8407eea4b50ff7c05acd0ea509fdb0fc.png)
继续之前的js编写
在keys中添加launch事件标识
![1570ff0e59492f9b5012b137ab44864d.png](https://img-blog.csdnimg.cn/img_convert/1570ff0e59492f9b5012b137ab44864d.png)
再添加一个会员编号的参数
![538f39d05392e2ba00b1e8161303b03d.png](https://img-blog.csdnimg.cn/img_convert/538f39d05392e2ba00b1e8161303b03d.png)
加入get/set方法
![5602d82c98305c40735ad80ae27c1257.png](https://img-blog.csdnimg.cn/img_convert/5602d82c98305c40735ad80ae27c1257.png)
准备发送到服务器的列名称,这是发送到服务器的名称信息,方便日后统计,如果不断添加信息,就可以在这个地方添加。服务器地址在clientConfig中配置
![575513d8f0396a3d94ffd203c26deb24.png](https://img-blog.csdnimg.cn/img_convert/575513d8f0396a3d94ffd203c26deb24.png)
其中一些列名称是公共信息,和其它信息是有区别的,所以单独拿出来完成
添加函数:往data中添加发送到日志收集服务器的公用部分
![9afd18084bf3056d87f17916ec07a4b0.png](https://img-blog.csdnimg.cn/img_convert/9afd18084bf3056d87f17916ec07a4b0.png)
添加参数编码函数方法
![a87df807122ac770230e8ce023214f85.png](https://img-blog.csdnimg.cn/img_convert/a87df807122ac770230e8ce023214f85.png)
发送数据data到服务器,其中data是一个字符串
![0f89934f2645e686a544d4447f92eed1.png](https://img-blog.csdnimg.cn/img_convert/0f89934f2645e686a544d4447f92eed1.png)
onLaunch事件的编写,代码中关键部分已经做了注释,是将前面的三个方法统一使用
![64931212a514e2bedd4cf45f63c03dd3.png](https://img-blog.csdnimg.cn/img_convert/64931212a514e2bedd4cf45f63c03dd3.png)
然后调用的位置是createNewSession
![869282da91394b836006987f65877bb1.png](https://img-blog.csdnimg.cn/img_convert/869282da91394b836006987f65877bb1.png)
测试的话,为了防止之前的cookie缓存,需要用浏览器清除一下,才可以看到,否则看不到日志输出效果
![1577e3384ef47280939d07e07caa23d5.png](https://img-blog.csdnimg.cn/img_convert/1577e3384ef47280939d07e07caa23d5.png)
访问页面查看效果
![e9acb71116acfa6971e8ab0ff0a4353c.png](https://img-blog.csdnimg.cn/img_convert/e9acb71116acfa6971e8ab0ff0a4353c.png)
看到向服务器提交了信息
![268ce625e65ab7f3c41f6825d3a40ef0.png](https://img-blog.csdnimg.cn/img_convert/268ce625e65ab7f3c41f6825d3a40ef0.png)
页面中
![b819129ea4e4b0ba56dbfe1cafe3926c.png](https://img-blog.csdnimg.cn/img_convert/b819129ea4e4b0ba56dbfe1cafe3926c.png)
代码已经放到云盘里可以自行下载参考
![d46d426353c438259997e95aeca84c39.png](https://img-blog.csdnimg.cn/img_convert/d46d426353c438259997e95aeca84c39.png)