一种基于前端的数据处理方法、装置、设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112527414A(43)申请公布日2021.03.19(21)申请号202011544055.0(22)申请日2020.12.23(71)申请人平安普惠企业管理有限公司地址518000广东省深圳市前海深港合作区前湾一路1号A栋201室(72)发明人黄康(74)专利代理机构广州三环专利商标代理有限公司44202代理人熊永强(51)Int.Cl.G06F9/445(2018.01)G06F9/54(2006.01)G06F11/36(2006.01)权利要求书2页说明书11页附图2页(54)发明名称一种基于前端的数据处理方法、装置、设备及存储介质(57)摘要本发明实施例涉及大数据领域，公开了一种基于前端的数据处理方法、装置、设备及存储介质，该方法包括：获取前端中的当前vue项目的根目录中的配置文件；根据配置文件中的地址信息确定待处理的vue组件，并根据待处理的vue组件对当前vue项目的页面进行渲染，确定渲染数据对应的第一埋点；监听当前vue项目中所有页面的触发事件，并确定触发事件的交互数据对应的第二埋点；将第一埋点和第二埋点进行上报，并对第一埋点和第二埋点所对应的性能指标数据进行优化处理，以实现vue组件的埋点的自动化非侵入式上报，提升业务逻辑代码的可维护性，提升埋点性能。本发明涉及区块链技术，如可将数据写入区块链中，以用于数据取证等场景。CN112527414ACN112527414A权利要求书1/2页1.一种基于前端的数据处理方法，其特征在于，所述方法包括：获取前端中的当前vue项目的根目录中的配置文件，其中，所述配置文件中配置了地址信息；根据所述配置文件中的地址信息确定所述当前vue项目中待处理的vue组件，并根据所述待处理的vue组件对所述当前vue项目的页面进行渲染，以确定渲染数据对应的第一埋点；监听所述当前vue项目中所有页面的触发事件，并根据监听到的触发事件确定所述触发事件的交互数据对应的第二埋点；将所述第一埋点和所述第二埋点进行上报，并获取所述第一埋点和所述第二埋点所对应的性能指标数据，以及对所述性能指标数据进行优化处理。2.根据权利要求1所述的方法，其特征在于，所述根据所述待处理的vue组件对所述当前vue项目的页面进行渲染，以确定渲染数据对应的第一埋点，包括：根据所述待处理的vue组件生成与所述待处理的vue组件对应的目标文件，其中，所述目标文件中包括所述当前vue项目中所有页面的挂载方法；根据所述目标文件对所述当前vue项目中的所有页面进行渲染，以确定所述当前vue项目中的所有页面的渲染数据对应的第一埋点。3.根据权利要求1所述的方法，其特征在于，所述根据监听到的触发事件确定所述触发事件的交互数据对应的第二埋点，包括：获取监听到的发生触发事件的页面，并根据预设关键词对所述发生触发事件的页面中的所述待处理的vue组件进行分析，查找所述发生触发事件的页面中是否存在所述预设关键词；当查找到所述发生触发事件的页面中存在所述预设关键词时，获取所述预设关键词在所述发生触发事件的页面中的位置；在所述位置获取所述触发事件的交互数据对应的属性信息，并根据所述属性信息确定所述触发事件的交互数据对应的第二埋点。4.根据权利要求3所述的方法，其特征在于，所述根据监听到的触发事件确定所述触发事件的交互数据对应的第二埋点之前，还包括：根据所述当前vue项目中待处理的vue组件生成针对所述待处理的vue组件的触发事件的埋点文件，并将所述埋点文件添加至所述待处理的vue组件中；所述根据监听到的触发事件确定发生触发事件的交互数据对应的第二埋点，包括：当监听到对所述待处理的vue组件的触发事件时，根据所述埋点文件确定所述触发事件的交互数据对应的第二埋点。5.根据权利要求1所述的方法，其特征在于，所述将所述第一埋点和所述第二埋点进行上报，包括：监听所述当前vue项目的页面中是否存在vue组件销毁前事件；当监听到所述当前vue项目的页面中存在vue组件销毁前事件时，将所述第一埋点和所述第二埋点添加到所述vue组件销毁前事件中；根据预设的时间间隔将添加所述第一埋点和所述第二埋点的所述vue组件销毁前事件进行上报。2CN112527414A权利要求书2/2页6.根据权利要求1所述的方法，其特征在于，所述获取所述第一埋点和所述第二埋点所对应的性能指标数据，并对所述性能指标数据进行优化处理，包括：获取所述当前vue项目的每个页面在预设时间范围内发生触发事件的次数和/或页面渲染的次数；对所述当前vue项目的每个页面在预设时间范围内发生触发事件的次数进行合并处理；和/或，对所述当前vue项目的每个页面在预设时间范围内发生页面渲染的次数进行合并处理。7.根据权利要求1所述的方法，