Demo发布- ClkLog客户端集成-React Native

简介: ClkLog是一款支持开源和商业付费的用户行为分析软件系统,通过采集客户端行为日志数据,在开源的OLAP数据库上进行模型分析。常见的客户端有Web JS、IOS、Andriod 、小程序等,以及react-native 、uni-app等。Clklog方案选用了\神策提供的开源SDK来进行数据采集。

前言

ClkLog是一款支持开源和商业付费的用户行为分析软件系统,通过采集客户端行为日志数据,在开源的OLAP数据库上进行模型分析。常见的客户端有Web JS、IOS、Andriod 、小程序等,以及react-native 、uni-app等。Clklog方案选用了\神策提供的开源SDK来进行数据采集。

最近两个客户使用React Native集成神策SDK的时候,由于React Native开发环境的复杂性,遇到了困难,希望Clklog提供技术支持。ClkLog专门安排研发工程师和合作伙伴验证和制作了一套集成demo,并开源出来供大家参考。大家可以根据demo中的环境与配置进行集成验证。如果自己的环境和demo环境不一致,可能还需要大家自己研究下。

React Native-demo说明

本demo支持IOS和Android,并实现了相关功能点的示例。
●示例包含的内容:
1、神策react-native-sdk在IOS端和Android端的集成和初始化demo
2、全埋点的代码的接入
3、会话的接入
4、简易用户的接入示例
5、自定义事件的接入示例
6、自定义用户属性的接入示例
7、自定义页面标题的接入示例

由于ClkLog 的数据统计需开启会话跟踪和App崩溃事件,我们在集成过程中发现神策SDK:sensorsdata-analytics-react-native sdk 默认不开启相关配置,所以 demo 中使用的 sdk 是从官网 fork 后修改过的版本。

●fork 后修改过的sdk源码:
https://gitee.com/clklog/sensorsdata-analytics-react-native-for-clklog
●fork 后修改sdk的详细记录:
https://gitee.com/clklog/sensorsdata-analytics-react-native-for-clklog/commits/master
●sdk 修改的内容:
1.修改神策sdk模块依赖。
2.神策sdk在android/build.gradle的依赖配置方式。
3.Android初始化时AppCrash事件跟踪的开启和会话的配置。
4.iOS初始化时AppCrash事件跟踪的开启和会话的配置。

demo源码地址

我们分别在gitee和github中上传了demo,欢迎大家前来围观。
https://gitee.com/clklog/clklog-react-native-demo
https://github.com/clklog/clklog-react-native-demo


结束语.png

相关文章
|
1月前
|
数据采集 开发工具 图形学
Demo发布 | ClkLog成功集成Unity3D
在Clklog完成 React Native 和 uni-app 集成 Demo 后,一个游戏行业新客户提出了使用 Unity3D 开发的集成问题。对此,我们与客户分别进行了测试。 客户使用神策Andriod原生SDK在Android 端暴露接口给 Unity3D的方式,验证了使用ClkLog进行数据采集的可行性。
63 12
|
2月前
|
前端开发 JavaScript 测试技术
React 中集成 Chart.js 图表库
本文介绍了如何在 React 项目中集成 Chart.js 创建动态图表,涵盖基础概念、安装步骤、代码示例及常见问题解决方法,帮助开发者轻松实现数据可视化。
58 11
|
2月前
|
移动开发 小程序 开发工具
Demo发布- ClkLog客户端集成 uni-app
在上一期推文中,我们与大家分享了 React Native 的集成 demo。本期,我们将继续介绍 ClkLog 集成 uni-app 的 demo。 uni-app 允许开发者编写一套代码,然后可以编译到 iOS、Android、H5 以及各种小程序等多个平台。因此,本次 demo 中将涵盖上述所有平台,并且我们会详细说明集成过程中遇到的难点及解决方案。
|
3月前
|
数据采集 前端开发 项目管理
ClkLog常见问题-埋点集成篇Sec. 2
本篇将继续解答ClkLog使用过程中【埋点集成】阶段的常见问题。
|
3月前
|
前端开发 JavaScript 开发者
深入理解React Hooks:提升前端开发效率的关键
【10月更文挑战第5天】深入理解React Hooks:提升前端开发效率的关键
|
2月前
|
前端开发 JavaScript 开发者
颠覆传统:React框架如何引领前端开发的革命性变革
【10月更文挑战第32天】本文以问答形式探讨了React框架的特性和应用。React是一款由Facebook推出的JavaScript库,以其虚拟DOM机制和组件化设计,成为构建高性能单页面应用的理想选择。文章介绍了如何开始一个React项目、组件化思想的体现、性能优化方法、表单处理及路由实现等内容,帮助开发者更好地理解和使用React。
99 9
|
3月前
|
前端开发
深入解析React Hooks:构建高效且可维护的前端应用
本文将带你走进React Hooks的世界,探索这一革新特性如何改变我们构建React组件的方式。通过分析Hooks的核心概念、使用方法和最佳实践,文章旨在帮助你充分利用Hooks来提高开发效率,编写更简洁、更可维护的前端代码。我们将通过实际代码示例,深入了解useState、useEffect等常用Hooks的内部工作原理,并探讨如何自定义Hooks以复用逻辑。
|
3月前
|
前端开发 JavaScript API
探索React Hooks:前端开发的革命性工具
【10月更文挑战第5天】探索React Hooks:前端开发的革命性工具
|
2月前
|
监控 前端开发 数据可视化
3D架构图软件 iCraft Editor 正式发布 @icraft/player-react 前端组件, 轻松嵌入3D架构图到您的项目,实现数字孪生
@icraft/player-react 是 iCraft Editor 推出的 React 组件库,旨在简化3D数字孪生场景的前端集成。它支持零配置快速接入、自定义插件、丰富的事件和方法、动画控制及实时数据接入,帮助开发者轻松实现3D场景与React项目的无缝融合。
227 8
3D架构图软件 iCraft Editor 正式发布 @icraft/player-react 前端组件, 轻松嵌入3D架构图到您的项目,实现数字孪生
|
2月前
|
前端开发 JavaScript 开发者
使用React和Redux构建高效的前端应用
使用React和Redux构建高效的前端应用
60 1

热门文章

最新文章